#F04944

#F04944

Color Values

HEX

#F04944

RGB

240, 73, 68

HSL

1.7, 85.1%, 60.4%

HSV

1.7, 71.7%, 94.1%

CMYK

0.0%, 69.6%, 71.7%, 5.9%

OKLCH

0.6433 0.2045 26.4

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F04944

#44EBF0

Analogous

#F04495

#F09F44

#F04944

Triadic

#F04944

#44F049

#4944F0

Split Complementary

#F04944

#44F09F

#4495F0

Tetradic

#F04944

#95F044

#44EBF0

#9F44F0

Color Blindness Simulation

Original

#F04944

Protanopia

#A8A645

Deuteranopia

#B1BE46

Tritanopia

#E84646

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E0
200
#FABFBD
300
#F6918E
400
#F15550
500
#EC1913
600
#BD140F
700
#97100C
800
#760D09
900
#560D0B
950
#360807

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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