#02166B

#02166B

white

#FFFFFF

Contrast Ratio

15.79:1

Delta E

104.45

Very Different

50:50 Mix

#8C81B4

Color Values

Format #02166B #FFFFFF
HEX #02166B #FFFFFF
RGB 2, 22, 107 255, 255, 255
HSL 228.6, 96.3%, 21.4% 0.0, 0.0%, 100.0%
HSV 228.6, 98.1%, 42.0% 0.0, 0.0%, 100.0%
CMYK 98.1%, 79.4%, 0.0%, 58.0% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.2667 0.1464 264.4 1.0 0.0 89.9

Contrast & Accessibility

15.79:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFFFFF → Background: #02166B

The quick brown fox jumps over the lazy dog

Text: #02166B → Background: #FFFFFF

Color Difference (Delta E)

104.45 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#02166B #3F3783 #675B9B #8C81B4 #B2A9CD #D8D3E6 #FFFFFF

Color Mixing

#02166B

100%

#53498F

75:25

#8C81B4

50:50

#C5BED9

25:75

#FFFFFF

100%

CSS Gradient Code

background: linear-gradient(to right, #02166B, #FFFFFF);
background: linear-gradient(135deg, #02166B, #FFFFFF);

Explore Each Color

#02166B

View full color details

white

View full color details

Related Comparisons