#21335B

#21335B

#5B4921

#5B4921

Contrast Ratio

1.43:1

Delta E

53.84

Very Different

50:50 Mix

Color Values

Format #21335B #5B4921
HEX #21335B #5B4921
RGB 33, 51, 91 91, 73, 33
HSL 221.4, 46.8%, 24.3% 41.4, 46.8%, 24.3%
HSV 221.4, 63.7%, 35.7% 41.4, 63.7%, 35.7%
CMYK 63.7%, 44.0%, 0.0%, 64.3% 0.0%, 19.8%, 63.7%, 64.3%
OKLCH 0.3277 0.0749 264.4 0.4149 0.0618 85.3

Contrast & Accessibility

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5B4921 β†’ Background: #21335B

The quick brown fox jumps over the lazy dog

Text: #21335B β†’ Background: #5B4921

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #21335B, #5B4921);
background: linear-gradient(135deg, #21335B, #5B4921);

Explore Each Color

Related Comparisons