#F24F71

#F24F71

Color Values

HEX

#F24F71

RGB

242, 79, 113

HSL

347.5, 86.2%, 62.9%

HSV

347.5, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 53.3%, 5.1%

OKLCH

0.6607 0.1988 12.2

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F24F71

#4FF2D0

Analogous

#F24FC2

#F27E4F

#F24F71

Triadic

#F24F71

#71F24F

#4F71F2

Split Complementary

#F24F71

#4FF27E

#4FC2F2

Tetradic

#F24F71

#C2F24F

#4FF2D0

#7E4FF2

Color Blindness Simulation

Original

#F24F71

Protanopia

#ABAA69

Deuteranopia

#B5C167

Tritanopia

#EA6261

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABDC9
300
#F78DA3
400
#F24F71
500
#ED123F
600
#BE0E33
700
#980B29
800
#770920
900
#560B1B
950
#360711

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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