#3B2176

#3B2176

#5C7621

#5C7621

Contrast Ratio

2.44:1

Delta E

106.0

Very Different

50:50 Mix

Color Values

Format #3B2176 #5C7621
HEX #3B2176 #5C7621
RGB 59, 33, 118 92, 118, 33
HSL 258.4, 56.3%, 29.6% 78.4, 56.3%, 29.6%
HSV 258.4, 72.0%, 46.3% 78.4, 72.0%, 46.3%
CMYK 50.0%, 72.0%, 0.0%, 53.7% 22.0%, 0.0%, 72.0%, 53.7%
OKLCH 0.3365 0.1366 291.3 0.5276 0.1145 125.0

Contrast & Accessibility

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5C7621 → Background: #3B2176

The quick brown fox jumps over the lazy dog

Text: #3B2176 → Background: #5C7621

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3B2176, #5C7621);
background: linear-gradient(135deg, #3B2176, #5C7621);

Explore Each Color

Related Comparisons