#FD4582

#FD4582

Color Values

HEX

#FD4582

RGB

253, 69, 130

HSL

340.1, 97.9%, 63.1%

HSV

340.1, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 48.6%, 0.8%

OKLCH

0.6731 0.2218 5.7

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#FD4582

#45FDC0

Analogous

#FD45DE

#FD6445

#FD4582

Triadic

#FD4582

#82FD45

#4582FD

Split Complementary

#FD4582

#45FD64

#45DEFD

Tetradic

#FD4582

#DEFD45

#45FDC0

#6445FD

Color Blindness Simulation

Original

#FD4582

Protanopia

#ADAC73

Deuteranopia

#B8C670

Tritanopia

#F46865

Achromatopsia

#717171

CSS Usage

background-color: #FD4582;
color: #FD4582;
border-color: #FD4582;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FEB8D0
300
#FE86AE
400
#FD4482
500
#FC0355
600
#CA0244
700
#A10237
800
#7E012B
900
#5B0622
950
#3A0416

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026