#213688

#213688

#887321

#887321

Contrast Ratio

2.32:1

Delta E

99.58

Very Different

50:50 Mix

Color Values

Format #213688 #887321
HEX #213688 #887321
RGB 33, 54, 136 136, 115, 33
HSL 227.8, 60.9%, 33.1% 47.8, 60.9%, 33.1%
HSV 227.8, 75.7%, 53.3% 47.8, 75.7%, 53.3%
CMYK 75.7%, 60.3%, 0.0%, 46.7% 0.0%, 15.4%, 75.7%, 46.7%
OKLCH 0.3704 0.1392 267.9 0.5602 0.1014 94.2

Contrast & Accessibility

2.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #887321 β†’ Background: #213688

The quick brown fox jumps over the lazy dog

Text: #213688 β†’ Background: #887321

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #213688, #887321);
background: linear-gradient(135deg, #213688, #887321);

Explore Each Color

Related Comparisons