#FD4451

#FD4451

Color Values

HEX

#FD4451

RGB

253, 68, 81

HSL

355,8, 97,9%, 62,9%

HSV

355,8, 73,1%, 99,2%

CMYK

0,0%, 73,1%, 68,0%, 0,8%

OKLCH

0,662 0,22 22,1

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#FD4451

#44FDF0

Analogous

#FD44AD

#FD9344

#FD4451

Triadic

#FD4451

#51FD44

#4451FD

Split Complementary

#FD4451

#44FD93

#44ADFD

Tetradic

#FD4451

#ADFD44

#44FDF0

#9344FD

Color Blindness Simulation

Original

#FD4451

Protanopia

#ADAB4E

Deuteranopia

#B8C64D

Tritanopia

#F44B4B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #FD4451;
color: #FD4451;
border-color: #FD4451;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB8BD
300
#FE868E
400
#FD4451
500
#FC0314
600
#CA0210
700
#A1020D
800
#7E010A
900
#5B060C
950
#3A0407

Contrast Checker

Text on white

3,43:1

AA Fail AAA Fail

Text on black

6,12: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