#F04040

#F04040

Color Values

HEX

#F04040

RGB

240, 64, 64

HSL

0.0, 85.4%, 59.6%

HSV

0.0, 73.3%, 94.1%

CMYK

0.0%, 73.3%, 73.3%, 5.9%

OKLCH

0.6344 0.2126 25.7

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#F04040

#40F0F0

Analogous

#F04098

#F09840

#F04040

Triadic

#F04040

#40F040

#4040F0

Split Complementary

#F04040

#40F098

#4098F0

Tetradic

#F04040

#98F040

#40F0F0

#9840F0

Color Blindness Simulation

Original

#F04040

Protanopia

#A4A240

Deuteranopia

#AEBB40

Tritanopia

#E74040

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBD
300
#F68E8E
400
#F15050
500
#EC1313
600
#BD0F0F
700
#970C0C
800
#760909
900
#560B0B
950
#360707

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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