#F24F98

#F24F98

Color Values

HEX

#F24F98

RGB

242, 79, 152

HSL

333.1, 86.2%, 62.9%

HSV

333.1, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 37.2%, 5.1%

OKLCH

0.6715 0.208 356.8

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F24F98

#4FF2A9

Analogous

#F24FEA

#F2574F

#F24F98

Triadic

#F24F98

#98F24F

#4F98F2

Split Complementary

#F24F98

#4FF257

#4FEAF2

Tetradic

#F24F98

#EAF24F

#4FF2A9

#574FF2

Color Blindness Simulation

Original

#F24F98

Protanopia

#ABAA86

Deuteranopia

#B5C182

Tritanopia

#EA7875

Achromatopsia

#777777

CSS Usage

background-color: #F24F98;
color: #F24F98;
border-color: #F24F98;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDD8
300
#F78DBC
400
#F24F98
500
#ED1274
600
#BE0E5D
700
#980B4A
800
#77093A
900
#560B2D
950
#36071C

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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