#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026