#213D58

#213D58

#583C21

#583C21

Contrast Ratio

1.11:1

Delta E

42.2

Very Different

50:50 Mix

Color Values

Format #213D58 #583C21
HEX #213D58 #583C21
RGB 33, 61, 88 88, 60, 33
HSL 209.5, 45.5%, 23.7% 29.5, 45.5%, 23.7%
HSV 209.5, 62.5%, 34.5% 29.5, 62.5%, 34.5%
CMYK 62.5%, 30.7%, 0.0%, 65.5% 0.0%, 31.8%, 62.5%, 65.5%
OKLCH 0.3512 0.0584 249.0 0.3817 0.0566 63.7

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: #583C21 → Background: #213D58

The quick brown fox jumps over the lazy dog

Text: #213D58 → Background: #583C21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #213D58, #583C21);
background: linear-gradient(135deg, #213D58, #583C21);

Explore Each Color

Related Comparisons