#FD025F

#FD025F

Color Values

HEX

#FD025F

RGB

253, 2, 95

HSL

337.8, 98.4%, 50.0%

HSV

337.8, 99.2%, 99.2%

CMYK

0.0%, 99.2%, 62.5%, 0.8%

OKLCH

0.634 0.2528 12.4

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#FD025F

#02FDA0

Analogous

#FD02DC

#FD2302

#FD025F

Triadic

#FD025F

#5FFD02

#025FFD

Split Complementary

#FD025F

#02FD23

#02DCFD

Tetradic

#FD025F

#DCFD02

#02FDA0

#2302FD

Color Blindness Simulation

Original

#FD025F

Protanopia

#908E49

Deuteranopia

#9FB243

Tritanopia

#F03733

Achromatopsia

#3E3E3E

CSS Usage

background-color: #FD025F;
color: #FD025F;
border-color: #FD025F;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F6
100
#FCDEE9
200
#FEB8D2
300
#FE86B2
400
#FD4489
500
#FD025F
600
#CA024C
700
#A2013D
800
#7E012F
900
#5B0625
950
#3A0418

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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