#FD4563

#FD4563

Color Values

HEX

#FD4563

RGB

253, 69, 99

HSL

350.2, 97.9%, 63.1%

HSV

350.2, 72.7%, 99.2%

CMYK

0.0%, 72.7%, 60.9%, 0.8%

OKLCH

0.666 0.2185 16.6

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FD4563

#45FDDF

Analogous

#FD45BF

#FD8345

#FD4563

Triadic

#FD4563

#63FD45

#4563FD

Split Complementary

#FD4563

#45FD83

#45BFFD

Tetradic

#FD4563

#BFFD45

#45FDDF

#8345FD

Color Blindness Simulation

Original

#FD4563

Protanopia

#ADAC5C

Deuteranopia

#B8C65A

Tritanopia

#F45655

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB8C4
300
#FE8699
400
#FD4462
500
#FC032B
600
#CA0223
700
#A1021C
800
#7E0116
900
#5B0614
950
#3A040C

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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