#216FB6

#216FB6

#B66821

#B66821

Contrast Ratio

1.24:1

Delta E

97.51

Very Different

50:50 Mix

Color Values

Format #216FB6 #B66821
HEX #216FB6 #B66821
RGB 33, 111, 182 182, 104, 33
HSL 208.6, 69.3%, 42.2% 28.6, 69.3%, 42.2%
HSV 208.6, 81.9%, 71.4% 28.6, 81.9%, 71.4%
CMYK 81.9%, 39.0%, 0.0%, 28.6% 0.0%, 42.9%, 81.9%, 28.6%
OKLCH 0.532 0.1335 250.4 0.594 0.1283 57.7

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B66821 β†’ Background: #216FB6

The quick brown fox jumps over the lazy dog

Text: #216FB6 β†’ Background: #B66821

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #216FB6, #B66821);
background: linear-gradient(135deg, #216FB6, #B66821);

Explore Each Color

Related Comparisons