#CC00FF

#CC00FF

Color Values

HEX

#CC00FF

RGB

204, 0, 255

HSL

288.0, 100.0%, 50.0%

HSV

288.0, 100.0%, 100.0%

CMYK

20.0%, 100.0%, 0.0%, 0.0%

OKLCH

0.6273 0.3068 316.4

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#CC00FF

#33FF00

Analogous

#4C00FF

#FF00B3

#CC00FF

Triadic

#CC00FF

#FFCC00

#00FFCC

Split Complementary

#CC00FF

#B2FF00

#00FF4C

Tetradic

#CC00FF

#FF4D00

#33FF00

#00B3FF

Color Blindness Simulation

Original

#CC00FF

Protanopia

#7472C1

Deuteranopia

#808FB2

Tritanopia

#C29186

Achromatopsia

#3E3E3E

CSS Usage

background-color: #CC00FF;
color: #CC00FF;
border-color: #CC00FF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FBF1FE
100
#F6DEFC
200
#F1B8FF
300
#E785FF
400
#D942FF
500
#CC00FF
600
#A300CC
700
#8300A3
800
#660080
900
#4B055C
950
#2F033A

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

5.01:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026