#213F5B

#213F5B

#5B3D21

#5B3D21

Contrast Ratio

1.11:1

Delta E

43.99

Very Different

50:50 Mix

Color Values

Format #213F5B #5B3D21
HEX #213F5B #5B3D21
RGB 33, 63, 91 91, 61, 33
HSL 209.0, 46.8%, 24.3% 29.0, 46.8%, 24.3%
HSV 209.0, 63.7%, 35.7% 29.0, 63.7%, 35.7%
CMYK 63.7%, 30.8%, 0.0%, 64.3% 0.0%, 33.0%, 63.7%, 64.3%
OKLCH 0.3582 0.0608 248.3 0.3878 0.0593 62.6

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5B3D21 β†’ Background: #213F5B

The quick brown fox jumps over the lazy dog

Text: #213F5B β†’ Background: #5B3D21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #213F5B, #5B3D21);
background: linear-gradient(135deg, #213F5B, #5B3D21);

Explore Each Color

Related Comparisons