#F44147

#F44147

Color Values

HEX

#F44147

RGB

244, 65, 71

HSL

358.0, 89.1%, 60.6%

HSV

358.0, 73.4%, 95.7%

CMYK

0.0%, 73.4%, 70.9%, 4.3%

OKLCH

0.6429 0.2148 24.0

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F44147

#41F4EE

Analogous

#F441A0

#F49541

#F44147

Triadic

#F44147

#47F441

#4147F4

Split Complementary

#F44147

#41F495

#41A0F4

Tetradic

#F44147

#A0F441

#41F4EE

#9541F4

Color Blindness Simulation

Original

#F44147

Protanopia

#A6A546

Deuteranopia

#B1BE45

Tritanopia

#EB4444

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBBBE
300
#F88B8F
400
#F54D52
500
#F10E15
600
#C10B11
700
#9A090E
800
#79070B
900
#570A0C
950
#370608

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026