#FD02CC

#FD02CC

Color Values

HEX

#FD02CC

RGB

253, 2, 204

HSL

311.7, 98.4%, 50.0%

HSV

311.7, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 19.4%, 0.8%

OKLCH

0.6715 0.2913 340.0

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02CC

#02FD33

Analogous

#B002FD

#FD024F

#FD02CC

Triadic

#FD02CC

#CCFD02

#02CCFD

Split Complementary

#FD02CC

#4FFD02

#02FDB0

Tetradic

#FD02CC

#FDB002

#02FD33

#024FFD

Color Blindness Simulation

Original

#FD02CC

Protanopia

#908E9B

Deuteranopia

#9FB28F

Tritanopia

#F0746C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB8F1
300
#FE86E7
400
#FD44D9
500
#FD02CC
600
#CA02A3
700
#A20183
800
#7E0166
900
#5B064B
950
#3A042F

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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