#213D5B

#213D5B

#5B3F21

#5B3F21

Contrast Ratio

1.16:1

Delta E

45.15

Very Different

50:50 Mix

#473E3F

Color Values

Format #213D5B #5B3F21
HEX #213D5B #5B3F21
RGB 33, 61, 91 91, 63, 33
HSL 211.0, 46.8%, 24.3% 31.0, 46.8%, 24.3%
HSV 211.0, 63.7%, 35.7% 31.0, 63.7%, 35.7%
CMYK 63.7%, 33.0%, 0.0%, 64.3% 0.0%, 30.8%, 63.7%, 64.3%
OKLCH 0.353 0.0627 251.5 0.3922 0.059 66.5

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5B3F21 → Background: #213D5B

The quick brown fox jumps over the lazy dog

Text: #213D5B → Background: #5B3F21

Color Difference (Delta E)

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

Gradient

#213D5B #323D52 #3E3D48 #473E3F #4F3E35 #553F2B #5B3F21

Color Mixing

#213D5B

100%

#383D4D

75:25

#473E3F

50:50

#523E30

25:75

#5B3F21

100%

CSS Gradient Code

background: linear-gradient(to right, #213D5B, #5B3F21);
background: linear-gradient(135deg, #213D5B, #5B3F21);

Explore Each Color

#213D5B

View full color details

#5B3F21

View full color details

Related Comparisons