#FD02F0

#FD02F0

Color Values

HEX

#FD02F0

RGB

253, 2, 240

HSL

303.1, 98.4%, 50.0%

HSV

303.1, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 5.1%, 0.8%

OKLCH

0.6903 0.3122 331.2

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#FD02F0

#02FD0F

Analogous

#8C02FD

#FD0273

#FD02F0

Triadic

#FD02F0

#F0FD02

#02F0FD

Split Complementary

#FD02F0

#73FD02

#02FD8C

Tetradic

#FD02F0

#FD8C02

#02FD0F

#0273FD

Color Blindness Simulation

Original

#FD02F0

Protanopia

#908EB6

Deuteranopia

#9FB2A9

Tritanopia

#F0897F

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FEB8FB
300
#FE86F8
400
#FD44F4
500
#FD02F0
600
#CA02C0
700
#A2019A
800
#7E0178
900
#5B0657
950
#3A0437

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026