#FF00D4

#FF00D4

Color Values

HEX

#FF00D4

RGB

255, 0, 212

HSL

310.1, 100.0%, 50.0%

HSV

310.1, 100.0%, 100.0%

CMYK

0.0%, 100.0%, 16.9%, 0.0%

OKLCH

0.6784 0.297 338.3

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FF00D4

#00FF2B

Analogous

#AA00FF

#FF0055

#FF00D4

Triadic

#FF00D4

#D4FF00

#00D4FF

Split Complementary

#FF00D4

#55FF00

#00FFAA

Tetradic

#FF00D4

#FFAA00

#00FF2B

#0055FF

Color Blindness Simulation

Original

#FF00D4

Protanopia

#918EA1

Deuteranopia

#9FB294

Tritanopia

#F2786F

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF7
200
#FFB8F3
300
#FF85EA
400
#FF42DF
500
#FF00D4
600
#CC00AA
700
#A30088
800
#80006A
900
#5C054D
950
#3A0331

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026