#3131EE

#3131EE

#EEEE31

#EEEE31

Contrast Ratio

6.03:1

Delta E

200.48

Very Different

50:50 Mix

Color Values

Format #3131EE #EEEE31
HEX #3131EE #EEEE31
RGB 49, 49, 238 238, 238, 49
HSL 240.0, 84.8%, 56.3% 60.0, 84.8%, 56.3%
HSV 240.0, 79.4%, 93.3% 60.0, 79.4%, 93.3%
CMYK 79.4%, 79.4%, 0.0%, 6.7% 0.0%, 0.0%, 79.4%, 6.7%
OKLCH 0.4753 0.2665 270.2 0.9198 0.1895 109.6

Contrast & Accessibility

6.03:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #EEEE31 β†’ Background: #3131EE

The quick brown fox jumps over the lazy dog

Text: #3131EE β†’ Background: #EEEE31

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3131EE, #EEEE31);
background: linear-gradient(135deg, #3131EE, #EEEE31);

Explore Each Color

Related Comparisons