#AAACCC

#AAACCC

#CCCAAA

#CCCAAA

Contrast Ratio

1.33:1

Delta E

35.68

Very Different

50:50 Mix

#BCBBBB

Color Values

Format #AAACCC #CCCAAA
HEX #AAACCC #CCCAAA
RGB 170, 172, 204 204, 202, 170
HSL 236.5, 25.0%, 73.3% 56.5, 25.0%, 73.3%
HSV 236.5, 16.7%, 80.0% 56.5, 16.7%, 80.0%
CMYK 16.7%, 15.7%, 0.0%, 20.0% 0.0%, 1.0%, 16.7%, 20.0%
OKLCH 0.7535 0.0458 282.4 0.8322 0.0432 104.4

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCCAAA → Background: #AAACCC

The quick brown fox jumps over the lazy dog

Text: #AAACCC → Background: #CCCAAA

Color Difference (Delta E)

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

Gradient

#AAACCC #B0B1C7 #B6B6C1 #BCBBBB #C2C0B6 #C7C5B0 #CCCAAA

Color Mixing

#AAACCC

100%

#B3B3C4

75:25

#BCBBBB

50:50

#C4C2B3

25:75

#CCCAAA

100%

CSS Gradient Code

background: linear-gradient(to right, #AAACCC, #CCCAAA);
background: linear-gradient(135deg, #AAACCC, #CCCAAA);

Explore Each Color

#AAACCC

View full color details

#CCCAAA

View full color details

Related Comparisons