#CCAFCC

Color Details

HEX
#CCAFCC
RGB
rgb(204, 175, 204)
HSL
hsl(300, 22%, 74%)
CMYK
cmyk(0%, 14%, 0%, 20%)
Best text on this color #000000 (CR 10.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccafcc
Contrast 10.57:1 AAA
White on #ccafcc
Contrast 1.99:1 Fail
#ccafcc on Black
Contrast 10.57:1 AAA
#ccafcc on White
Contrast 1.99:1 Fail

Tints & Shades

#d6bfd6
#e0cfe0
#ebdfeb
#a38ca3
#7a697a
#524652

Complement & Analogous

#aecbae
#cbaebd
#bdaecb

Triadic

#cbcbae
#aecbcb

Monochrome

#524652 #7a697a #ccafcc #e0cfe0 #ebdfeb #f5eff5

Analogous

#bdaecb #d1c6db #ccafcc #d5beca #cbaebd #a28b97

Complementary Mix

#7a697a #ccafcc #e0cfe0 #aecbae #caddca #718471

Nearby Colors

#ccafcb
#ccafcd
#ccafbc
#ccafdc

Embed #CCAFCC swatch

Embed this swatch

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

Open image

About #CCAFCC

#CCAFCC converts to RGB(204, 175, 204) and HSL(300, 22%, 74%). 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).

#CCAFCC FAQs

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