#311ECF

#311ECF

#BCCF1E

#BCCF1E

Contrast Ratio

5.45:1

Delta E

188.68

Very Different

50:50 Mix

Color Values

Format #311ECF #BCCF1E
HEX #311ECF #BCCF1E
RGB 49, 30, 207 188, 207, 30
HSL 246.4, 74.7%, 46.5% 66.4, 74.7%, 46.5%
HSV 246.4, 85.5%, 81.2% 66.4, 85.5%, 81.2%
CMYK 76.3%, 85.5%, 0.0%, 18.8% 9.2%, 0.0%, 85.5%, 18.8%
OKLCH 0.4207 0.2456 272.8 0.8125 0.1801 116.4

Contrast & Accessibility

5.45:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCCF1E β†’ Background: #311ECF

The quick brown fox jumps over the lazy dog

Text: #311ECF β†’ Background: #BCCF1E

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #311ECF, #BCCF1E);
background: linear-gradient(135deg, #311ECF, #BCCF1E);

Explore Each Color

Related Comparisons