#1666AF

#1666AF

#AF5F16

#AF5F16

Contrast Ratio

1.26:1

Delta E

99.64

Very Different

50:50 Mix

Color Values

Format #1666AF #AF5F16
HEX #1666AF #AF5F16
RGB 22, 102, 175 175, 95, 22
HSL 208.6, 77.7%, 38.6% 28.6, 77.7%, 38.6%
HSV 208.6, 87.4%, 68.6% 28.6, 87.4%, 68.6%
CMYK 87.4%, 41.7%, 0.0%, 31.4% 0.0%, 45.7%, 87.4%, 31.4%
OKLCH 0.5041 0.1368 251.4 0.5681 0.1302 56.1

Contrast & Accessibility

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5F16 → Background: #1666AF

The quick brown fox jumps over the lazy dog

Text: #1666AF → Background: #AF5F16

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1666AF, #AF5F16);
background: linear-gradient(135deg, #1666AF, #AF5F16);

Explore Each Color

Related Comparisons