#162CCE

#162CCE

#CEB816

#CEB816

Contrast Ratio

4.59:1

Delta E

173.15

Very Different

50:50 Mix

Color Values

Format #162CCE #CEB816
HEX #162CCE #CEB816
RGB 22, 44, 206 206, 184, 22
HSL 232.8, 80.7%, 44.7% 52.8, 80.7%, 44.7%
HSV 232.8, 89.3%, 80.8% 52.8, 89.3%, 80.8%
CMYK 89.3%, 78.6%, 0.0%, 19.2% 0.0%, 10.7%, 89.3%, 19.2%
OKLCH 0.4229 0.2409 266.3 0.7777 0.158 100.4

Contrast & Accessibility

4.59:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CEB816 → Background: #162CCE

The quick brown fox jumps over the lazy dog

Text: #162CCE → Background: #CEB816

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #162CCE, #CEB816);
background: linear-gradient(135deg, #162CCE, #CEB816);

Explore Each Color

Related Comparisons