HEX Color #0016E2 (Mediumblue)

About #0016E2

The precise color #0016E2 is an excellent choice for modern design projects. Its closest recognized web color is Mediumblue. In the RGB color space, it consists of 0 red, 22 green, and 226 blue.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 100% C, 90% M, 0% Y, and 11% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0016E2

RGB0, 22, 226

HSL234.2°, 100.0%, 44.3%

CMYK100%, 90%, 0%, 11%

HSV234.2°, 100.0%, 88.6%

LAB29.6, 67.7, -96.0

XYZ14.0, 6.1, 72.4

Decimal5858

Color Harmonies

Complementary

#0016E2 #E2CC00

Analogous

#0086E2 #5B00E2

Triadic

#E20015 #15E200

Tetradic

#E20086 #E2CC00 #00E25B

Tints, Shades & Tones

Tints (Adding White)

#0016E2

#1C2FE5

#3849E8

#5563EB

#717DEE

#8D97F2

#AAB1F5

#C6CBF8

#E2E5FB

#FFFFFF

Shades (Adding Black)

#0016E2

#0013C8

#0011AF

#000E96

#000C7D

#000964

#00074B

#000432

#000219

#000000

WCAG Contrast Accessibility

9.49:1

Text on #FFFFFF

AAA

2.21:1

Text on #000000

FAIL

9.07:1

Text on #F8FAFC

AAA

1.88:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0016E2; }

.text-color { color: #0016E2; }

.border-color { border: 2px solid #0016E2; }

Similar Colors

Mediumblue

#0000CD