#CC997C

Color Details

HEX
#CC997C
RGB
rgb(204, 153, 124)
HSL
hsl(22, 44%, 64%)
CMYK
cmyk(0%, 25%, 39%, 20%)
Best text on this color #000000 (CR 8.42:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc997c
Contrast 8.42:1 AAA
White on #cc997c
Contrast 2.50:1 Fail
#cc997c on Black
Contrast 8.42:1 AAA
#cc997c on White
Contrast 2.50:1 Fail

Tints & Shades

#d6ad96
#e0c2b0
#ebd6cb
#a37a63
#7a5c4a
#523d32

Complement & Analogous

#7baecc
#ccc17b
#cc7b86

Triadic

#7bcc98
#987bcc

Monochrome

#523d32 #7a5c4a #cc997c #e0c2b0 #ebd6cb #f5ebe5

Analogous

#cc7b86 #dba3aa #cc997c #d6cd95 #ccc17b #a39a62

Complementary Mix

#7a5c4a #cc997c #e0c2b0 #7baecc #a9cade #507185

Nearby Colors

#cc997b
#cc997d
#cc996c
#cc998c

Embed #CC997C swatch

Embed this swatch

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

Open image

About #CC997C

#CC997C converts to RGB(204, 153, 124) and HSL(22, 44%, 64%). 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).

#CC997C FAQs

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