#FD02DA

#FD02DA

Color Values

HEX

#FD02DA

RGB

253, 2, 218

HSL

308,4, 98,4%, 50,0%

HSV

308,4, 99,2%, 99,2%

CMYK

0,0%, 99,2%, 13,8%, 0,8%

OKLCH

0,6785 0,2992 336,4

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02DA

#02FD25

Analogous

#A302FD

#FD025C

#FD02DA

Triadic

#FD02DA

#DAFD02

#02DAFD

Split Complementary

#FD02DA

#5CFD02

#02FDA3

Tetradic

#FD02DA

#FDA302

#02FD25

#025CFD

Color Blindness Simulation

Original

#FD02DA

Protanopia

#908EA6

Deuteranopia

#9FB299

Tritanopia

#F07C73

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F5
300
#FE86ED
400
#FD44E3
500
#FD02DA
600
#CA02AE
700
#A2018B
800
#7E016D
900
#5B064F
950
#3A0432

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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026