#CC33CC

#CC33CC

Color Values

HEX

#CC33CC

RGB

204, 51, 204

HSL

300.0, 60.0%, 50.0%

HSV

300.0, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 0.0%, 20.0%

OKLCH

0.6131 0.2458 328.1

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CC33CC

#33CC33

Analogous

#8033CC

#CC3380

#CC33CC

Triadic

#CC33CC

#CCCC33

#33CCCC

Split Complementary

#CC33CC

#80CC33

#33CC80

Tetradic

#CC33CC

#CC8033

#33CC33

#3380CC

Color Blindness Simulation

Original

#CC33CC

Protanopia

#8A88A7

Deuteranopia

#939E9E

Tritanopia

#C48A83

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C6F1
300
#E79DE7
400
#D968D9
500
#CC33CC
600
#A329A3
700
#832183
800
#661A66
900
#4B164B
950
#2F0E2F

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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