#CC85A3

Color Details

HEX
#CC85A3
RGB
rgb(204, 133, 163)
HSL
hsl(335, 41%, 66%)
CMYK
cmyk(0%, 35%, 20%, 20%)
Best text on this color #000000 (CR 7.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc85a3
Contrast 7.45:1 AAA
White on #cc85a3
Contrast 2.82:1 Fail
#cc85a3 on Black
Contrast 7.45:1 AAA
#cc85a3 on White
Contrast 2.82:1 Fail

Tints & Shades

#d69db5
#e0b6c8
#ebceda
#a36a82
#7a5062
#523541

Complement & Analogous

#85ccae
#cc8b85
#cc85c6

Triadic

#a2cc85
#85a2cc

Monochrome

#523541 #7a5062 #cc85a3 #e0b6c8 #ebceda #f5e7ed

Analogous

#cc85c6 #dbaad7 #cc85a3 #d6a29d #cc8b85 #a36f6a

Complementary Mix

#7a5062 #cc85a3 #e0b6c8 #85ccae #b0deca #568571

Nearby Colors

#cc85a2
#cc85a4
#cc8593
#cc85b3

Embed #CC85A3 swatch

Embed this swatch

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

Open image

About #CC85A3

#CC85A3 converts to RGB(204, 133, 163) and HSL(335, 41%, 66%). 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).

#CC85A3 FAQs

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