#CC00B4

#CC00B4

Color Values

HEX

#CC00B4

RGB

204, 0, 180

HSL

307.1, 100.0%, 40.0%

HSV

307.1, 100.0%, 80.0%

CMYK

0.0%, 100.0%, 11.8%, 20.0%

OKLCH

0.5791 0.2575 335.0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CC00B4

#00CC18

Analogous

#7E00CC

#CC004E

#CC00B4

Triadic

#CC00B4

#B4CC00

#00B4CC

Split Complementary

#CC00B4

#4ECC00

#00CC7E

Tetradic

#CC00B4

#CC7E00

#00CC18

#004ECC

Color Blindness Simulation

Original

#CC00B4

Protanopia

#747288

Deuteranopia

#808F7E

Tritanopia

#C2665E

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FFB8F7
300
#FF85F1
400
#FF42E9
500
#FF00E1
600
#CC00B4
700
#A30090
800
#800070
900
#5C0552
950
#3A0334

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail 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