#CC31CE

#CC31CE

Color Values

HEX

#CC31CE

RGB

204, 49, 206

HSL

299.2, 61.6%, 50.0%

HSV

299.2, 76.2%, 80.8%

CMYK

1.0%, 76.2%, 0.0%, 19.2%

OKLCH

0.6129 0.2491 327.5

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CC31CE

#33CE31

Analogous

#7D31CE

#CE3182

#CC31CE

Triadic

#CC31CE

#CECC31

#31CECC

Split Complementary

#CC31CE

#82CE31

#31CE7D

Tetradic

#CC31CE

#CE7D31

#33CE31

#3182CE

Color Blindness Simulation

Original

#CC31CE

Protanopia

#8988A8

Deuteranopia

#929D9F

Tritanopia

#C48A83

Achromatopsia

#5D5D5D

CSS Usage

background-color: #CC31CE;
color: #CC31CE;
border-color: #CC31CE;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C5F1
300
#E69CE7
400
#D967DB
500
#CC31CE
600
#A327A5
700
#831F84
800
#661867
900
#4B164B
950
#2F0E30

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026