#CC33AF

#CC33AF

Color Values

HEX

#CC33AF

RGB

204, 51, 175

HSL

311.4, 60.0%, 50.0%

HSV

311.4, 75.0%, 80.0%

CMYK

0.0%, 75.0%, 14.2%, 20.0%

OKLCH

0.5977 0.2255 337.0

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CC33AF

#33CC50

Analogous

#9D33CC

#CC3362

#CC33AF

Triadic

#CC33AF

#AFCC33

#33AFCC

Split Complementary

#CC33AF

#62CC33

#33CC9D

Tetradic

#CC33AF

#CC9D33

#33CC50

#3362CC

Color Blindness Simulation

Original

#CC33AF

Protanopia

#8A8891

Deuteranopia

#939E8A

Tritanopia

#C47974

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F3
200
#F1C6E9
300
#E79DD9
400
#D968C4
500
#CC33AF
600
#A3298C
700
#832170
800
#661A57
900
#4B1641
950
#2F0E29

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026