#331EAC

#331EAC

#97AC1E

#97AC1E

Contrast Ratio

4.28:1

Delta E

159.35

Very Different

50:50 Mix

Color Values

Format #331EAC #97AC1E
HEX #331EAC #97AC1E
RGB 51, 30, 172 151, 172, 30
HSL 248.9, 70.3%, 39.6% 68.9, 70.3%, 39.6%
HSV 248.9, 82.6%, 67.5% 68.9, 82.6%, 67.5%
CMYK 70.3%, 82.6%, 0.0%, 32.5% 12.2%, 0.0%, 82.6%, 32.5%
OKLCH 0.3814 0.2062 277.0 0.7042 0.1562 118.4

Contrast & Accessibility

4.28:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #97AC1E β†’ Background: #331EAC

The quick brown fox jumps over the lazy dog

Text: #331EAC β†’ Background: #97AC1E

Color Difference (Delta E)

159.35 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #331EAC, #97AC1E);
background: linear-gradient(135deg, #331EAC, #97AC1E);

Explore Each Color

Related Comparisons