#F24F58

#F24F58

Color Values

HEX

#F24F58

RGB

242, 79, 88

HSL

356.7, 86.2%, 62.9%

HSV

356.7, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 63.6%, 5.1%

OKLCH

0.6557 0.1987 21.5

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#F24F58

#4FF2E9

Analogous

#F24FA9

#F2974F

#F24F58

Triadic

#F24F58

#58F24F

#4F58F2

Split Complementary

#F24F58

#4FF297

#4FA9F2

Tetradic

#F24F58

#A9F24F

#4FF2E9

#974FF2

Color Blindness Simulation

Original

#F24F58

Protanopia

#ABAA56

Deuteranopia

#B5C155

Tritanopia

#EA5454

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E2
200
#FABDC0
300
#F78D93
400
#F24F58
500
#ED121E
600
#BE0E18
700
#980B13
800
#77090F
900
#560B0F
950
#360709

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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