#66BCCC

#66BCCC

#CC7666

#CC7666

Contrast Ratio

1.52:1

Delta E

67.86

Very Different

50:50 Mix

#AB9B98

Color Values

Format #66BCCC #CC7666
HEX #66BCCC #CC7666
RGB 102, 188, 204 204, 118, 102
HSL 189.4, 50.0%, 60.0% 9.4, 50.0%, 60.0%
HSV 189.4, 50.0%, 80.0% 9.4, 50.0%, 80.0%
CMYK 50.0%, 7.8%, 0.0%, 20.0% 0.0%, 42.2%, 50.0%, 20.0%
OKLCH 0.7473 0.0861 211.0 0.6565 0.1114 31.5

Contrast & Accessibility

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7666 → Background: #66BCCC

The quick brown fox jumps over the lazy dog

Text: #66BCCC → Background: #CC7666

Color Difference (Delta E)

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

Gradient

#66BCCC #84B1BA #9AA6A9 #AB9B98 #B88F87 #C38376 #CC7666

Color Mixing

#66BCCC

100%

#90ACB2

75:25

#AB9B98

50:50

#BE897F

25:75

#CC7666

100%

CSS Gradient Code

background: linear-gradient(to right, #66BCCC, #CC7666);
background: linear-gradient(135deg, #66BCCC, #CC7666);

Explore Each Color

#66BCCC

View full color details

#CC7666

View full color details

Related Comparisons