#A2C4CC

#A2C4CC

#CCAAA2

#CCAAA2

Contrast Ratio

1.15:1

Delta E

26.91

Very Different

50:50 Mix

#BAB7B7

Color Values

Format #A2C4CC #CCAAA2
HEX #A2C4CC #CCAAA2
RGB 162, 196, 204 204, 170, 162
HSL 191.4, 29.2%, 71.8% 11.4, 29.2%, 71.8%
HSV 191.4, 20.6%, 80.0% 11.4, 20.6%, 80.0%
CMYK 20.6%, 3.9%, 0.0%, 20.0% 0.0%, 16.7%, 20.6%, 20.0%
OKLCH 0.798 0.0382 213.6 0.7659 0.0416 33.4

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCAAA2 → Background: #A2C4CC

The quick brown fox jumps over the lazy dog

Text: #A2C4CC → Background: #CCAAA2

Color Difference (Delta E)

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

Gradient

#A2C4CC #ABC0C5 #B2BCBE #BAB7B7 #C0B3B0 #C6AEA9 #CCAAA2

Color Mixing

#A2C4CC

100%

#AFBEC1

75:25

#BAB7B7

50:50

#C3B1AC

25:75

#CCAAA2

100%

CSS Gradient Code

background: linear-gradient(to right, #A2C4CC, #CCAAA2);
background: linear-gradient(135deg, #A2C4CC, #CCAAA2);

Explore Each Color

#A2C4CC

View full color details

#CCAAA2

View full color details

Related Comparisons