#CC58FC

Color Details

HEX
#CC58FC
RGB
rgb(204, 88, 252)
HSL
hsl(282, 96%, 67%)
CMYK
cmyk(19%, 65%, 0%, 1%)
Best text on this color #000000 (CR 6.37:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc58fc
Contrast 6.37:1 AA
White on #cc58fc
Contrast 3.30:1 Fail
#cc58fc on Black
Contrast 6.37:1 AA
#cc58fc on White
Contrast 3.30:1 Fail

Tints & Shades

#d679fd
#e09bfd
#ebbcfe
#a346ca
#7a3597
#522365

Complement & Analogous

#8bfc5a
#fc5adb
#7a5afc

Triadic

#fccb5a
#5afccb

Monochrome

#522365 #7a3597 #cc58fc #e09bfd #ebbcfe #f5defe

Analogous

#7a5afc #a28cfd #cc58fc #fd7be2 #fc5adb #ca48af

Complementary Mix

#7a3597 #cc58fc #e09bfd #8bfc5a #b4fd94 #5aa43b

Nearby Colors

#cc58fb
#cc58fd
#cc58ec
#cc590c

Embed #CC58FC swatch

Embed this swatch

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

Open image

About #CC58FC

#CC58FC converts to RGB(204, 88, 252) and HSL(282, 96%, 67%). 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).

#CC58FC FAQs

What is the RGB value of #CC58FC?
RGB: 204, 88, 252. Copy as CSS: rgb(204, 88, 252)
Is #CC58FC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC58FC?
Complement: #8bfc5a.
Does #CC58FC have good contrast on white or black?
On white: 3.30:1 (AA (large text)). On black: 6.37:1 (AA (normal text)).