#21417F

#21417F

#7F5F21

#7F5F21

Contrast Ratio

1.67:1

Delta E

78.93

Very Different

50:50 Mix

#614F53

Color Values

Format #21417F #7F5F21
HEX #21417F #7F5F21
RGB 33, 65, 127 127, 95, 33
HSL 219.6, 58.8%, 31.4% 39.6, 58.8%, 31.4%
HSV 219.6, 74.0%, 49.8% 39.6, 74.0%, 49.8%
CMYK 74.0%, 48.8%, 0.0%, 50.2% 0.0%, 25.2%, 74.0%, 50.2%
OKLCH 0.3871 0.1116 262.0 0.5064 0.0882 80.6

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7F5F21 → Background: #21417F

The quick brown fox jumps over the lazy dog

Text: #21417F → Background: #7F5F21

Color Difference (Delta E)

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

Gradient

#21417F #414571 #544A62 #614F53 #6D5444 #765934 #7F5F21

Color Mixing

#21417F

100%

#4B4769

75:25

#614F53

50:50

#72573C

25:75

#7F5F21

100%

CSS Gradient Code

background: linear-gradient(to right, #21417F, #7F5F21);
background: linear-gradient(135deg, #21417F, #7F5F21);

Explore Each Color

#21417F

View full color details

#7F5F21

View full color details

Related Comparisons