#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