#CC30CC

#CC30CC

Color Values

HEX

#CC30CC

RGB

204, 48, 204

HSL

300.0, 61.9%, 49.4%

HSV

300.0, 76.5%, 80.0%

CMYK

0.0%, 76.5%, 0.0%, 20.0%

OKLCH

0.611 0.2486 328.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CC30CC

#30CC30

Analogous

#7E30CC

#CC307E

#CC30CC

Triadic

#CC30CC

#CCCC30

#30CCCC

Split Complementary

#CC30CC

#7ECC30

#30CC7E

Tetradic

#CC30CC

#CC7E30

#30CC30

#307ECC

Color Blindness Simulation

Original

#CC30CC

Protanopia

#8887A6

Deuteranopia

#929D9D

Tritanopia

#C48882

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F7
200
#F1C5F1
300
#E89CE8
400
#DB66DB
500
#CE31CE
600
#A527A5
700
#841F84
800
#671867
900
#4B154B
950
#300E30

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.86: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