#CC2CFE

Color Details

HEX
#CC2CFE
RGB
rgb(204, 44, 254)
HSL
hsl(286, 99%, 58%)
CMYK
cmyk(20%, 83%, 0%, 0%)
Best text on this color #000000 (CR 5.36:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc2cfe
Contrast 5.36:1 AA
White on #cc2cfe
Contrast 3.92:1 Fail
#cc2cfe on Black
Contrast 5.36:1 AA
#cc2cfe on White
Contrast 3.92:1 Fail

Tints & Shades

#d656fe
#e080fe
#ebabff
#a323cb
#7a1a98
#521266

Complement & Analogous

#5bfe2a
#fe2ac5
#622afe

Triadic

#fecc2a
#2afecc

Monochrome

#521266 #7a1a98 #cc2cfe #e080fe #ebabff #f5d5ff

Analogous

#622afe #916afe #cc2cfe #fe55d1 #fe2ac5 #cb229e

Complementary Mix

#7a1a98 #cc2cfe #e080fe #5bfe2a #94fe75 #3ba51b

Nearby Colors

#cc2cfd
#cc2cff
#cc2cee
#cc2d0e

Embed #CC2CFE swatch

Embed this swatch

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

Open image

About #CC2CFE

#CC2CFE converts to RGB(204, 44, 254) and HSL(286, 99%, 58%). 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).

#CC2CFE FAQs

What is the RGB value of #CC2CFE?
RGB: 204, 44, 254. Copy as CSS: rgb(204, 44, 254)
Is #CC2CFE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC2CFE?
Complement: #5bfe2a.
Does #CC2CFE have good contrast on white or black?
On white: 3.92:1 (AA (large text)). On black: 5.36:1 (AA (normal text)).