#669FFF

#669FFF

#FFC666

#FFC666

Contrast Ratio

1.7:1

Delta E

109.73

Very Different

50:50 Mix

#CAB1B6

Color Values

Format #669FFF #FFC666
HEX #669FFF #FFC666
RGB 102, 159, 255 255, 198, 102
HSL 217.6, 100.0%, 70.0% 37.6, 100.0%, 70.0%
HSV 217.6, 60.0%, 100.0% 37.6, 60.0%, 100.0%
CMYK 60.0%, 37.6%, 0.0%, 0.0% 0.0%, 22.4%, 60.0%, 0.0%
OKLCH 0.7065 0.1535 260.3 0.8592 0.1304 78.6

Contrast & Accessibility

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFC666 → Background: #669FFF

The quick brown fox jumps over the lazy dog

Text: #669FFF → Background: #FFC666

Color Difference (Delta E)

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

Gradient

#669FFF #93A5E7 #B2ABCE #CAB1B6 #DEB89D #F0BF83 #FFC666

Color Mixing

#669FFF

100%

#A4A7DB

75:25

#CAB1B6

50:50

#E7BB90

25:75

#FFC666

100%

CSS Gradient Code

background: linear-gradient(to right, #669FFF, #FFC666);
background: linear-gradient(135deg, #669FFF, #FFC666);

Explore Each Color

#669FFF

View full color details

#FFC666

View full color details

Related Comparisons