#CC30C4

#CC30C4

Color Values

HEX

#CC30C4

RGB

204, 48, 196

HSL

303.1, 61.9%, 49.4%

HSV

303.1, 76.5%, 80.0%

CMYK

0.0%, 76.5%, 3.9%, 20.0%

OKLCH

0.6065 0.2428 330.4

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CC30C4

#30CC38

Analogous

#8630CC

#CC3076

#CC30C4

Triadic

#CC30C4

#C4CC30

#30C4CC

Split Complementary

#CC30C4

#76CC30

#30CC86

Tetradic

#CC30C4

#CC8630

#30CC38

#3076CC

Color Blindness Simulation

Original

#CC30C4

Protanopia

#8887A0

Deuteranopia

#929D98

Tritanopia

#C4847E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F1C5EF
300
#E89CE4
400
#DB66D5
500
#CE31C6
600
#A5279F
700
#841F7F
800
#671863
900
#4B1549
950
#300E2E

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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