#F24F80

#F24F80

Color Values

HEX

#F24F80

RGB

242, 79, 128

HSL

342.0, 86.2%, 62.9%

HSV

342.0, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 47.1%, 5.1%

OKLCH

0.6644 0.2009 6.2

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F24F80

#4FF2C1

Analogous

#F24FD1

#F26F4F

#F24F80

Triadic

#F24F80

#80F24F

#4F80F2

Split Complementary

#F24F80

#4FF26F

#4FD1F2

Tetradic

#F24F80

#D1F24F

#4FF2C1

#6F4FF2

Color Blindness Simulation

Original

#F24F80

Protanopia

#ABAA74

Deuteranopia

#B5C171

Tritanopia

#EA6B69

Achromatopsia

#757575

CSS Usage

background-color: #F24F80;
color: #F24F80;
border-color: #F24F80;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F5
100
#FAE0E8
200
#FABDCF
300
#F78DAD
400
#F24F80
500
#ED1254
600
#BE0E43
700
#980B35
800
#77092A
900
#560B21
950
#360715

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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