#FD4591

#FD4591

Color Values

HEX

#FD4591

RGB

253, 69, 145

HSL

335,2, 97,9%, 63,1%

HSV

335,2, 72,7%, 99,2%

CMYK

0,0%, 72,7%, 42,7%, 0,8%

OKLCH

0,6774 0,2257 0,3

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FD4591

#45FDB1

Analogous

#FD45ED

#FD5545

#FD4591

Triadic

#FD4591

#91FD45

#4591FD

Split Complementary

#FD4591

#45FD55

#45EDFD

Tetradic

#FD4591

#EDFD45

#45FDB1

#5545FD

Color Blindness Simulation

Original

#FD4591

Protanopia

#ADAC7F

Deuteranopia

#B8C67A

Tritanopia

#F4706D

Achromatopsia

#727272

CSS Usage

background-color: #FD4591;
color: #FD4591;
border-color: #FD4591;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FEB8D5
300
#FE86B7
400
#FD4491
500
#FC036A
600
#CA0255
700
#A10244
800
#7E0135
900
#5B0629
950
#3A041A

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

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