#FD02DE

#FD02DE

Color Values

HEX

#FD02DE

RGB

253, 2, 222

HSL

307.4, 98.4%, 50.0%

HSV

307.4, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 12.3%, 0.8%

OKLCH

0.6806 0.3015 335.4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02DE

#02FD21

Analogous

#9E02FD

#FD0261

#FD02DE

Triadic

#FD02DE

#DEFD02

#02DEFD

Split Complementary

#FD02DE

#61FD02

#02FD9E

Tetradic

#FD02DE

#FD9E02

#02FD21

#0261FD

Color Blindness Simulation

Original

#FD02DE

Protanopia

#908EA9

Deuteranopia

#9FB29C

Tritanopia

#F07F76

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F6
300
#FE86EF
400
#FD44E7
500
#FD02DE
600
#CA02B2
700
#A2018E
800
#7E016F
900
#5B0651
950
#3A0433

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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