#ABCCC3

#ABCCC3

#CCABB4

#CCABB4

Contrast Ratio

1.21:1

Delta E

27.02

Very Different

50:50 Mix

#BDBCBB

Color Values

Format #ABCCC3 #CCABB4
HEX #ABCCC3 #CCABB4
RGB 171, 204, 195 204, 171, 180
HSL 163.6, 24.4%, 73.5% 343.6, 24.4%, 73.5%
HSV 163.6, 16.2%, 80.0% 343.6, 16.2%, 80.0%
CMYK 16.2%, 0.0%, 4.4%, 20.0% 0.0%, 16.2%, 11.8%, 20.0%
OKLCH 0.8184 0.0374 177.0 0.7729 0.0402 359.8

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCABB4 → Background: #ABCCC3

The quick brown fox jumps over the lazy dog

Text: #ABCCC3 → Background: #CCABB4

Color Difference (Delta E)

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

Gradient

#ABCCC3 #B1C7C0 #B7C1BE #BDBCBB #C2B6B9 #C7B1B6 #CCABB4

Color Mixing

#ABCCC3

100%

#B4C4BF

75:25

#BDBCBB

50:50

#C5B4B8

25:75

#CCABB4

100%

CSS Gradient Code

background: linear-gradient(to right, #ABCCC3, #CCABB4);
background: linear-gradient(135deg, #ABCCC3, #CCABB4);

Explore Each Color

#ABCCC3

View full color details

#CCABB4

View full color details

Related Comparisons