#CC33B0

#CC33B0

Color Values

HEX

#CC33B0

RGB

204, 51, 176

HSL

311,0, 60,0%, 50,0%

HSV

311,0, 75,0%, 80,0%

CMYK

0,0%, 75,0%, 13,7%, 20,0%

OKLCH

0,5982 0,2262 336,7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#CC33B0

#33CC4F

Analogous

#9C33CC

#CC3363

#CC33B0

Triadic

#CC33B0

#B0CC33

#33B0CC

Split Complementary

#CC33B0

#63CC33

#33CC9C

Tetradic

#CC33B0

#CC9C33

#33CC4F

#3363CC

Color Blindness Simulation

Original

#CC33B0

Protanopia

#8A8892

Deuteranopia

#939E8A

Tritanopia

#C47A75

Achromatopsia

#5D5D5D

CSS Usage

background-color: #CC33B0;
color: #CC33B0;
border-color: #CC33B0;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FA
100
#F6E4F3
200
#F1C6E9
300
#E79DD9
400
#D968C5
500
#CC33B0
600
#A3298D
700
#832171
800
#661A58
900
#4B1641
950
#2F0E29

Contrast Checker

Text on white

4,5:1

AA Fail AAA Fail

Text on black

4,67:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026