#2116CE

#2116CE

#C3CE16

#C3CE16

Contrast Ratio

5.87:1

Delta E

192.46

Very Different

50:50 Mix

Color Values

Format #2116CE #C3CE16
HEX #2116CE #C3CE16
RGB 33, 22, 206 195, 206, 22
HSL 243.6, 80.7%, 44.7% 63.6, 80.7%, 44.7%
HSV 243.6, 89.3%, 80.8% 63.6, 89.3%, 80.8%
CMYK 84.0%, 89.3%, 0.0%, 19.2% 5.3%, 0.0%, 89.3%, 19.2%
OKLCH 0.405 0.253 268.9 0.8155 0.179 113.6

Contrast & Accessibility

5.87:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C3CE16 β†’ Background: #2116CE

The quick brown fox jumps over the lazy dog

Text: #2116CE β†’ Background: #C3CE16

Color Difference (Delta E)

192.46 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2116CE, #C3CE16);
background: linear-gradient(135deg, #2116CE, #C3CE16);

Explore Each Color

Related Comparisons