#FD02BE

#FD02BE

Color Values

HEX

#FD02BE

RGB

253, 2, 190

HSL

315,1, 98,4%, 50,0%

HSV

315,1, 99,2%, 99,2%

CMYK

0,0%, 99,2%, 24,9%, 0,8%

OKLCH

0,665 0,2838 343,7

Properties

Warm Light Nearest: Hot Magenta

Color Harmonies

Complementary

#FD02BE

#02FD41

Analogous

#BF02FD

#FD0240

#FD02BE

Triadic

#FD02BE

#BEFD02

#02BEFD

Split Complementary

#FD02BE

#40FD02

#02FDBF

Tetradic

#FD02BE

#FDBF02

#02FD41

#0240FD

Color Blindness Simulation

Original

#FD02BE

Protanopia

#908E91

Deuteranopia

#9FB286

Tritanopia

#F06D65

Achromatopsia

#454545

CSS Usage

background-color: #FD02BE;
color: #FD02BE;
border-color: #FD02BE;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FEB8ED
300
#FE86E0
400
#FD44CF
500
#FD02BE
600
#CA0298
700
#A20179
800
#7E015F
900
#5B0646
950
#3A042C

Contrast Checker

Text on white

3,54:1

AA Fail AAA Fail

Text on black

5,93:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026