#212A5F

#212A5F

#5F5621

#5F5621

Contrast Ratio

1.82:1

Delta E

69.04

Very Different

50:50 Mix

#4A3F43

Color Values

Format #212A5F #5F5621
HEX #212A5F #5F5621
RGB 33, 42, 95 95, 86, 33
HSL 231.3, 48.4%, 25.1% 51.3, 48.4%, 25.1%
HSV 231.3, 65.3%, 37.3% 51.3, 65.3%, 37.3%
CMYK 65.3%, 55.8%, 0.0%, 62.7% 0.0%, 9.5%, 65.3%, 62.7%
OKLCH 0.3095 0.0943 272.5 0.4502 0.0732 99.7

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F5621 → Background: #212A5F

The quick brown fox jumps over the lazy dog

Text: #212A5F → Background: #5F5621

Color Difference (Delta E)

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

Gradient

#212A5F #333156 #40384C #4A3F43 #524639 #594E2E #5F5621

Color Mixing

#212A5F

100%

#3A3451

75:25

#4A3F43

50:50

#554A33

25:75

#5F5621

100%

CSS Gradient Code

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

Explore Each Color

#212A5F

View full color details

#5F5621

View full color details

Related Comparisons