#8DAFCC

#8DAFCC

#CCAA8D

#CCAA8D

Contrast Ratio

1.06:1

Delta E

40.23

Very Different

50:50 Mix

#B1ACAD

Color Values

Format #8DAFCC #CCAA8D
HEX #8DAFCC #CCAA8D
RGB 141, 175, 204 204, 170, 141
HSL 207.6, 38.2%, 67.6% 27.6, 38.2%, 67.6%
HSV 207.6, 30.9%, 80.0% 27.6, 30.9%, 80.0%
CMYK 30.9%, 14.2%, 0.0%, 20.0% 0.0%, 16.7%, 30.9%, 20.0%
OKLCH 0.739 0.0562 244.4 0.7608 0.0564 62.3

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCAA8D → Background: #8DAFCC

The quick brown fox jumps over the lazy dog

Text: #8DAFCC → Background: #CCAA8D

Color Difference (Delta E)

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

Gradient

#8DAFCC #9BAEC2 #A7ADB7 #B1ACAD #BBACA2 #C4AB98 #CCAA8D

Color Mixing

#8DAFCC

100%

#A1AEBC

75:25

#B1ACAD

50:50

#BFAB9D

25:75

#CCAA8D

100%

CSS Gradient Code

background: linear-gradient(to right, #8DAFCC, #CCAA8D);
background: linear-gradient(135deg, #8DAFCC, #CCAA8D);

Explore Each Color

#8DAFCC

View full color details

#CCAA8D

View full color details

Related Comparisons