#666ECF

#666ECF

#CFC766

#CFC766

Contrast Ratio

2.56:1

Delta E

109.81

Very Different

50:50 Mix

#A8999F

Color Values

Format #666ECF #CFC766
HEX #666ECF #CFC766
RGB 102, 110, 207 207, 199, 102
HSL 235.4, 52.2%, 60.6% 55.4, 52.2%, 60.6%
HSV 235.4, 50.7%, 81.2% 55.4, 50.7%, 81.2%
CMYK 50.7%, 46.9%, 0.0%, 18.8% 0.0%, 3.9%, 50.7%, 18.8%
OKLCH 0.5787 0.1472 277.2 0.8162 0.1197 104.5

Contrast & Accessibility

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFC766 → Background: #666ECF

The quick brown fox jumps over the lazy dog

Text: #666ECF → Background: #CFC766

Color Difference (Delta E)

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

Gradient

#666ECF #827CBF #978AAF #A8999F #B7A88D #C4B77B #CFC766

Color Mixing

#666ECF

100%

#8D83B7

75:25

#A8999F

50:50

#BDB084

25:75

#CFC766

100%

CSS Gradient Code

background: linear-gradient(to right, #666ECF, #CFC766);
background: linear-gradient(135deg, #666ECF, #CFC766);

Explore Each Color

#666ECF

View full color details

#CFC766

View full color details

Related Comparisons