#ABD3DC

#ABD3DC

#DCB4AB

#DCB4AB

Contrast Ratio

1.17:1

Delta E

31.14

Very Different

50:50 Mix

#C7C4C3

Color Values

Format #ABD3DC #DCB4AB
HEX #ABD3DC #DCB4AB
RGB 171, 211, 220 220, 180, 171
HSL 191.0, 41.2%, 76.7% 11.0, 41.2%, 76.7%
HSV 191.0, 22.3%, 86.3% 11.0, 22.3%, 86.3%
CMYK 22.3%, 4.1%, 0.0%, 13.7% 0.0%, 18.2%, 22.3%, 13.7%
OKLCH 0.8411 0.0439 212.9 0.8029 0.0484 32.8

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DCB4AB → Background: #ABD3DC

The quick brown fox jumps over the lazy dog

Text: #ABD3DC → Background: #DCB4AB

Color Difference (Delta E)

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

Gradient

#ABD3DC #B5CED4 #BEC9CB #C7C4C3 #CFBFBB #D6B9B3 #DCB4AB

Color Mixing

#ABD3DC

100%

#BACBD0

75:25

#C7C4C3

50:50

#D2BCB7

25:75

#DCB4AB

100%

CSS Gradient Code

background: linear-gradient(to right, #ABD3DC, #DCB4AB);
background: linear-gradient(135deg, #ABD3DC, #DCB4AB);

Explore Each Color

#ABD3DC

View full color details

#DCB4AB

View full color details

Related Comparisons