#6669CC

#6669CC

#CCC966

#CCC966

Contrast Ratio

2.72:1

Delta E

112.5

Very Different

50:50 Mix

#A6979E

Color Values

Format #6669CC #CCC966
HEX #6669CC #CCC966
RGB 102, 105, 204 204, 201, 102
HSL 238.2, 50.0%, 60.0% 58.2, 50.0%, 60.0%
HSV 238.2, 50.0%, 80.0% 58.2, 50.0%, 80.0%
CMYK 50.0%, 48.5%, 0.0%, 20.0% 0.0%, 1.5%, 50.0%, 20.0%
OKLCH 0.5671 0.1497 279.2 0.8178 0.122 107.3

Contrast & Accessibility

2.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC966 → Background: #6669CC

The quick brown fox jumps over the lazy dog

Text: #6669CC → Background: #CCC966

Color Difference (Delta E)

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

Gradient

#6669CC #8178BD #9687AE #A6979E #B5A78D #C1B87B #CCC966

Color Mixing

#6669CC

100%

#8C80B5

75:25

#A6979E

50:50

#BBB084

25:75

#CCC966

100%

CSS Gradient Code

background: linear-gradient(to right, #6669CC, #CCC966);
background: linear-gradient(135deg, #6669CC, #CCC966);

Explore Each Color

#6669CC

View full color details

#CCC966

View full color details

Related Comparisons