#331DB4

#331DB4

#9EB41D

#9EB41D

Contrast Ratio

4.56:1

Delta E

167.0

Very Different

50:50 Mix

Color Values

Format #331DB4 #9EB41D
HEX #331DB4 #9EB41D
RGB 51, 29, 180 158, 180, 29
HSL 248.7, 72.2%, 41.0% 68.7, 72.2%, 41.0%
HSV 248.7, 83.9%, 70.6% 68.7, 83.9%, 70.6%
CMYK 71.7%, 83.9%, 0.0%, 29.4% 12.2%, 0.0%, 83.9%, 29.4%
OKLCH 0.3895 0.216 276.1 0.7281 0.1627 118.4

Contrast & Accessibility

4.56:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9EB41D → Background: #331DB4

The quick brown fox jumps over the lazy dog

Text: #331DB4 → Background: #9EB41D

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #331DB4, #9EB41D);
background: linear-gradient(135deg, #331DB4, #9EB41D);

Explore Each Color

Related Comparisons