#3132DF

#3132DF

#DFDE31

#DFDE31

Contrast Ratio

5.52:1

Delta E

186.93

Very Different

50:50 Mix

Color Values

Format #3132DF #DFDE31
HEX #3132DF #DFDE31
RGB 49, 50, 223 223, 222, 49
HSL 239.7, 73.1%, 53.3% 59.7, 73.1%, 53.3%
HSV 239.7, 78.0%, 87.5% 59.7, 78.0%, 87.5%
CMYK 78.0%, 77.6%, 0.0%, 12.5% 0.0%, 0.4%, 78.0%, 12.5%
OKLCH 0.4599 0.249 270.8 0.8738 0.1779 109.2

Contrast & Accessibility

5.52:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFDE31 β†’ Background: #3132DF

The quick brown fox jumps over the lazy dog

Text: #3132DF β†’ Background: #DFDE31

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3132DF, #DFDE31);
background: linear-gradient(135deg, #3132DF, #DFDE31);

Explore Each Color

Related Comparisons