#312EF1

#312EF1

#EEF12E

#EEF12E

Contrast Ratio

6.18:1

Delta E

205.15

Very Different

50:50 Mix

Color Values

Format #312EF1 #EEF12E
HEX #312EF1 #EEF12E
RGB 49, 46, 241 238, 241, 46
HSL 240.9, 87.4%, 56.3% 60.9, 87.4%, 56.3%
HSV 240.9, 80.9%, 94.5% 60.9, 80.9%, 94.5%
CMYK 79.7%, 80.9%, 0.0%, 5.5% 1.2%, 0.0%, 80.9%, 5.5%
OKLCH 0.4754 0.2719 270.2 0.926 0.1934 110.6

Contrast & Accessibility

6.18:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #EEF12E β†’ Background: #312EF1

The quick brown fox jumps over the lazy dog

Text: #312EF1 β†’ Background: #EEF12E

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #312EF1, #EEF12E);
background: linear-gradient(135deg, #312EF1, #EEF12E);

Explore Each Color

Related Comparisons