#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