#CAA4CC

Color Details

HEX
#CAA4CC
RGB
rgb(202, 164, 204)
HSL
hsl(297, 28%, 72%)
CMYK
cmyk(1%, 20%, 0%, 20%)
Best text on this color #000000 (CR 9.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #caa4cc
Contrast 9.69:1 AAA
White on #caa4cc
Contrast 2.17:1 Fail
#caa4cc on Black
Contrast 9.69:1 AAA
#caa4cc on White
Contrast 2.17:1 Fail

Tints & Shades

#d5b6d6
#dfc8e0
#eadbeb
#a283a3
#79627a
#514252

Complement & Analogous

#a6cca4
#cca4ba
#b6a4cc

Triadic

#cccaa4
#a4ccca

Monochrome

#514252 #79627a #caa4cc #dfc8e0 #eadbeb #f4edf5

Analogous

#b6a4cc #ccbfdb #caa4cc #d6b6c8 #cca4ba #a38395

Complementary Mix

#79627a #caa4cc #dfc8e0 #a6cca4 #c5dec4 #6c856b

Nearby Colors

#caa4cb
#caa4cd
#caa4bc
#caa4dc

Embed #CAA4CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CAA4CC

#CAA4CC converts to RGB(202, 164, 204) and HSL(297, 28%, 72%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CAA4CC FAQs

What is the RGB value of #CAA4CC?
RGB: 202, 164, 204. Copy as CSS: rgb(202, 164, 204)
Is #CAA4CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CAA4CC?
Complement: #a6cca4.
Does #CAA4CC have good contrast on white or black?
On white: 2.17:1 (Fails AA). On black: 9.69:1 (AAA (normal text)).