#215688

#215688

#885321

#885321

Contrast Ratio

1.2:1

Delta E

72.36

Very Different

50:50 Mix

Color Values

Format #215688 #885321
HEX #215688 #885321
RGB 33, 86, 136 136, 83, 33
HSL 209.1, 60.9%, 33.1% 29.1, 60.9%, 33.1%
HSV 209.1, 75.7%, 53.3% 29.1, 75.7%, 53.3%
CMYK 75.7%, 36.8%, 0.0%, 46.7% 0.0%, 39.0%, 75.7%, 46.7%
OKLCH 0.4435 0.0995 250.0 0.4933 0.0953 60.5

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #885321 β†’ Background: #215688

The quick brown fox jumps over the lazy dog

Text: #215688 β†’ Background: #885321

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #215688, #885321);
background: linear-gradient(135deg, #215688, #885321);

Explore Each Color

Related Comparisons