#FD02CA

#FD02CA

Color Values

HEX

#FD02CA

RGB

253, 2, 202

HSL

312.2, 98.4%, 50.0%

HSV

312.2, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 20.2%, 0.8%

OKLCH

0.6706 0.2902 340.5

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02CA

#02FD35

Analogous

#B302FD

#FD024C

#FD02CA

Triadic

#FD02CA

#CAFD02

#02CAFD

Split Complementary

#FD02CA

#4CFD02

#02FDB3

Tetradic

#FD02CA

#FDB302

#02FD35

#024CFD

Color Blindness Simulation

Original

#FD02CA

Protanopia

#908E9A

Deuteranopia

#9FB28E

Tritanopia

#F0736B

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB8F0
300
#FE86E6
400
#FD44D8
500
#FD02CA
600
#CA02A2
700
#A20181
800
#7E0165
900
#5B064A
950
#3A042F

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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