#CC557C

Color Details

HEX
#CC557C
RGB
rgb(204, 85, 124)
HSL
hsl(340, 54%, 57%)
CMYK
cmyk(0%, 58%, 39%, 20%)
Best text on this color #000000 (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc557c
Contrast 5.16:1 AA
White on #cc557c
Contrast 4.07:1 Fail
#cc557c on Black
Contrast 5.16:1 AA
#cc557c on White
Contrast 4.07:1 Fail

Tints & Shades

#d67796
#e099b0
#ebbbcb
#a34463
#7a334a
#522232

Complement & Analogous

#56cda5
#cd6a56
#cd56b9

Triadic

#7ecd56
#567ecd

Monochrome

#522232 #7a334a #cc557c #e099b0 #ebbbcb #f5dde5

Analogous

#cd56b9 #dc89ce #cc557c #d78878 #cd6a56 #a45545

Complementary Mix

#7a334a #cc557c #e099b0 #56cda5 #91dfc5 #38856b

Nearby Colors

#cc557b
#cc557d
#cc556c
#cc558c

Embed #CC557C swatch

Embed this swatch

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

Open image

About #CC557C

#CC557C converts to RGB(204, 85, 124) and HSL(340, 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).

#CC557C FAQs

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