#FD444C

#FD444C

Color Values

HEX

#FD444C

RGB

253, 68, 76

HSL

357.4, 97.9%, 62.9%

HSV

357.4, 73.1%, 99.2%

CMYK

0.0%, 73.1%, 70.0%, 0.8%

OKLCH

0.6613 0.2204 23.5

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#FD444C

#44FDF5

Analogous

#FD44A8

#FD9844

#FD444C

Triadic

#FD444C

#4CFD44

#444CFD

Split Complementary

#FD444C

#44FD98

#44A8FD

Tetradic

#FD444C

#A8FD44

#44FDF5

#9844FD

Color Blindness Simulation

Original

#FD444C

Protanopia

#ADAB4A

Deuteranopia

#B8C64A

Tritanopia

#F44948

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB8BB
300
#FE868B
400
#FD444C
500
#FC030D
600
#CA020B
700
#A10209
800
#7E0107
900
#5B0609
950
#3A0406

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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