#666CFF

#666CFF

#FFF966

#FFF966

Contrast Ratio

3.69:1

Delta E

159.69

Very Different

50:50 Mix

#CCAFBC

Color Values

Format #666CFF #FFF966
HEX #666CFF #FFF966
RGB 102, 108, 255 255, 249, 102
HSL 237.6, 100.0%, 70.0% 57.6, 100.0%, 70.0%
HSV 237.6, 60.0%, 100.0% 57.6, 60.0%, 100.0%
CMYK 60.0%, 57.6%, 0.0%, 0.0% 0.0%, 2.4%, 60.0%, 0.0%
OKLCH 0.6082 0.2141 276.2 0.96 0.1654 106.9

Contrast & Accessibility

3.69:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF966 → Background: #666CFF

The quick brown fox jumps over the lazy dog

Text: #666CFF → Background: #FFF966

Color Difference (Delta E)

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

Gradient

#666CFF #9481E9 #B398D3 #CCAFBC #E0C7A3 #F0E087 #FFF966

Color Mixing

#666CFF

100%

#A58DDE

75:25

#CCAFBC

50:50

#E8D495

25:75

#FFF966

100%

CSS Gradient Code

background: linear-gradient(to right, #666CFF, #FFF966);
background: linear-gradient(135deg, #666CFF, #FFF966);

Explore Each Color

#666CFF

View full color details

#FFF966

View full color details

Related Comparisons