#3F2176

#3F2176

#587621

#587621

Contrast Ratio

2.38:1

Delta E

106.27

Very Different

50:50 Mix

Color Values

Format #3F2176 #587621
HEX #3F2176 #587621
RGB 63, 33, 118 88, 118, 33
HSL 261.2, 56.3%, 29.6% 81.2, 56.3%, 29.6%
HSV 261.2, 72.0%, 46.3% 81.2, 72.0%, 46.3%
CMYK 46.6%, 72.0%, 0.0%, 53.7% 25.4%, 0.0%, 72.0%, 53.7%
OKLCH 0.3409 0.1367 294.1 0.5247 0.1166 127.0

Contrast & Accessibility

2.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #587621 → Background: #3F2176

The quick brown fox jumps over the lazy dog

Text: #3F2176 → Background: #587621

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3F2176, #587621);
background: linear-gradient(135deg, #3F2176, #587621);

Explore Each Color

Related Comparisons