#F24F5C

#F24F5C

Color Values

HEX

#F24F5C

RGB

242, 79, 92

HSL

355.2, 86.2%, 62.9%

HSV

355.2, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 62.0%, 5.1%

OKLCH

0.6564 0.1985 20.1

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F24F5C

#4FF2E5

Analogous

#F24FAD

#F2934F

#F24F5C

Triadic

#F24F5C

#5CF24F

#4F5CF2

Split Complementary

#F24F5C

#4FF293

#4FADF2

Tetradic

#F24F5C

#ADF24F

#4FF2E5

#934FF2

Color Blindness Simulation

Original

#F24F5C

Protanopia

#ABAA59

Deuteranopia

#B5C158

Tritanopia

#EA5656

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE0E2
200
#FABDC1
300
#F78D95
400
#F24F5C
500
#ED1223
600
#BE0E1C
700
#980B17
800
#770912
900
#560B11
950
#36070B

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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