#212B5F

#212B5F

#5F5521

#5F5521

Contrast Ratio

1.78:1

Delta E

67.8

Very Different

50:50 Mix

#4A3F43

Color Values

Format #212B5F #5F5521
HEX #212B5F #5F5521
RGB 33, 43, 95 95, 85, 33
HSL 230.3, 48.4%, 25.1% 50.3, 48.4%, 25.1%
HSV 230.3, 65.3%, 37.3% 50.3, 65.3%, 37.3%
CMYK 65.3%, 54.7%, 0.0%, 62.7% 0.0%, 10.5%, 65.3%, 62.7%
OKLCH 0.3117 0.0929 271.8 0.4478 0.0723 98.5

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F5521 → Background: #212B5F

The quick brown fox jumps over the lazy dog

Text: #212B5F → Background: #5F5521

Color Difference (Delta E)

67.8 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#212B5F #333156 #40384C #4A3F43 #524639 #594D2E #5F5521

Color Mixing

#212B5F

100%

#3A3551

75:25

#4A3F43

50:50

#554A33

25:75

#5F5521

100%

CSS Gradient Code

background: linear-gradient(to right, #212B5F, #5F5521);
background: linear-gradient(135deg, #212B5F, #5F5521);

Explore Each Color

#212B5F

View full color details

#5F5521

View full color details

Related Comparisons