#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026