#F24F78

#F24F78

Color Values

HEX

#F24F78

RGB

242, 79, 120

HSL

344.9, 86.2%, 62.9%

HSV

344.9, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 50.4%, 5.1%

OKLCH

0.6624 0.1996 9.4

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#F24F78

#4FF2C9

Analogous

#F24FC9

#F2774F

#F24F78

Triadic

#F24F78

#78F24F

#4F78F2

Split Complementary

#F24F78

#4FF277

#4FC9F2

Tetradic

#F24F78

#C9F24F

#4FF2C9

#774FF2

Color Blindness Simulation

Original

#F24F78

Protanopia

#ABAA6E

Deuteranopia

#B5C16C

Tritanopia

#EA6665

Achromatopsia

#757575

CSS Usage

background-color: #F24F78;
color: #F24F78;
border-color: #F24F78;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FABDCC
300
#F78DA8
400
#F24F78
500
#ED1249
600
#BE0E3A
700
#980B2F
800
#770924
900
#560B1E
950
#360713

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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