#FF00CC

#FF00CC

Color Values

HEX

#FF00CC

RGB

255, 0, 204

HSL

312.0, 100.0%, 50.0%

HSV

312.0, 100.0%, 100.0%

CMYK

0.0%, 100.0%, 20.0%, 0.0%

OKLCH

0.6745 0.2926 340.4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF00CC

#00FF33

Analogous

#B300FF

#FF004C

#FF00CC

Triadic

#FF00CC

#CCFF00

#00CCFF

Split Complementary

#FF00CC

#4DFF00

#00FFB3

Tetradic

#FF00CC

#FFB200

#00FF33

#004CFF

Color Blindness Simulation

Original

#FF00CC

Protanopia

#918E9B

Deuteranopia

#9FB28F

Tritanopia

#F2746B

Achromatopsia

#454545

CSS Usage

background-color: #FF00CC;
color: #FF00CC;
border-color: #FF00CC;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FFB8F1
300
#FF85E7
400
#FF42D9
500
#FF00CC
600
#CC00A3
700
#A30083
800
#800066
900
#5C054B
950
#3A032F

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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