#FD02CB

#FD02CB

Color Values

HEX

#FD02CB

RGB

253, 2, 203

HSL

312.0, 98.4%, 50.0%

HSV

312.0, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 19.8%, 0.8%

OKLCH

0.6711 0.2907 340.2

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02CB

#02FD34

Analogous

#B202FD

#FD024D

#FD02CB

Triadic

#FD02CB

#CBFD02

#02CBFD

Split Complementary

#FD02CB

#4DFD02

#02FDB2

Tetradic

#FD02CB

#FDB202

#02FD34

#024DFD

Color Blindness Simulation

Original

#FD02CB

Protanopia

#908E9A

Deuteranopia

#9FB28F

Tritanopia

#F0746C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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