#3E2184

#3E2184

#678421

#678421

Contrast Ratio

2.79:1

Delta E

120.06

Very Different

50:50 Mix

#61545A

Color Values

Format #3E2184 #678421
HEX #3E2184 #678421
RGB 62, 33, 132 103, 132, 33
HSL 257.6, 60.0%, 32.4% 77.6, 60.0%, 32.4%
HSV 257.6, 75.0%, 51.8% 77.6, 75.0%, 51.8%
CMYK 53.0%, 75.0%, 0.0%, 48.2% 22.0%, 0.0%, 75.0%, 48.2%
OKLCH 0.3527 0.1542 289.4 0.5713 0.1277 124.8

Contrast & Accessibility

2.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #678421 → Background: #3E2184

The quick brown fox jumps over the lazy dog

Text: #3E2184 → Background: #678421

Color Difference (Delta E)

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

Gradient

#3E2184 #4F3376 #5A4369 #61545A #66644B #677439 #678421

Color Mixing

#3E2184

100%

#553B70

75:25

#61545A

50:50

#676C42

25:75

#678421

100%

CSS Gradient Code

background: linear-gradient(to right, #3E2184, #678421);
background: linear-gradient(135deg, #3E2184, #678421);

Explore Each Color

#3E2184

View full color details

#678421

View full color details

Related Comparisons