#CC558C

Color Details

HEX
#CC558C
RGB
rgb(204, 85, 140)
HSL
hsl(332, 54%, 57%)
CMYK
cmyk(0%, 58%, 31%, 20%)
Best text on this color #000000 (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc558c
Contrast 5.25:1 AA
White on #cc558c
Contrast 4.00:1 Fail
#cc558c on Black
Contrast 5.25:1 AA
#cc558c on White
Contrast 4.00:1 Fail

Tints & Shades

#d677a3
#e099ba
#ebbbd1
#a34470
#7a3354
#522238

Complement & Analogous

#56cd95
#cd5a56
#cd56c9

Triadic

#8dcd56
#568dcd

Monochrome

#522238 #7a3354 #cc558c #e099ba #ebbbd1 #f5dde8

Analogous

#cd56c9 #dc89d9 #cc558c #d77b78 #cd5a56 #a44845

Complementary Mix

#7a3354 #cc558c #e099ba #56cd95 #91dfba #388561

Nearby Colors

#cc558b
#cc558d
#cc557c
#cc559c

Embed #CC558C swatch

Embed this swatch

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

Open image

About #CC558C

#CC558C converts to RGB(204, 85, 140) and HSL(332, 54%, 57%). 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).

#CC558C FAQs

What is the RGB value of #CC558C?
RGB: 204, 85, 140. Copy as CSS: rgb(204, 85, 140)
Is #CC558C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC558C?
Complement: #56cd95.
Does #CC558C have good contrast on white or black?
On white: 4.00:1 (AA (large text)). On black: 5.25:1 (AA (normal text)).