#21535F

#21535F

#5F2D21

#5F2D21

Contrast Ratio

1.31:1

Delta E

46.17

Very Different

50:50 Mix

#4D413F

Color Values

Format #21535F #5F2D21
HEX #21535F #5F2D21
RGB 33, 83, 95 95, 45, 33
HSL 191.6, 48.4%, 25.1% 11.6, 48.4%, 25.1%
HSV 191.6, 65.3%, 37.3% 11.6, 65.3%, 37.3%
CMYK 65.3%, 12.6%, 0.0%, 62.7% 0.0%, 52.6%, 65.3%, 62.7%
OKLCH 0.4136 0.0566 216.1 0.3617 0.0761 34.6

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F2D21 → Background: #21535F

The quick brown fox jumps over the lazy dog

Text: #21535F → Background: #5F2D21

Color Difference (Delta E)

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

Gradient

#21535F #364D54 #43474A #4D413F #543B35 #5A342B #5F2D21

Color Mixing

#21535F

100%

#3D4A4F

75:25

#4D413F

50:50

#573830

25:75

#5F2D21

100%

CSS Gradient Code

background: linear-gradient(to right, #21535F, #5F2D21);
background: linear-gradient(135deg, #21535F, #5F2D21);

Explore Each Color

#21535F

View full color details

#5F2D21

View full color details

Related Comparisons