#F24F5F

#F24F5F

Color Values

HEX

#F24F5F

RGB

242, 79, 95

HSL

354.1, 86.2%, 62.9%

HSV

354.1, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 60.7%, 5.1%

OKLCH

0.6569 0.1983 19.0

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F24F5F

#4FF2E2

Analogous

#F24FB0

#F2904F

#F24F5F

Triadic

#F24F5F

#5FF24F

#4F5FF2

Split Complementary

#F24F5F

#4FF290

#4FB0F2

Tetradic

#F24F5F

#B0F24F

#4FF2E2

#904FF2

Color Blindness Simulation

Original

#F24F5F

Protanopia

#ABAA5B

Deuteranopia

#B5C15A

Tritanopia

#EA5857

Achromatopsia

#737373

CSS Usage

background-color: #F24F5F;
color: #F24F5F;
border-color: #F24F5F;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F3
100
#FAE0E3
200
#FABDC3
300
#F78D97
400
#F24F5F
500
#ED1227
600
#BE0E1F
700
#980B19
800
#770914
900
#560B12
950
#36070C

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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