#F24F84

#F24F84

Color Values

HEX

#F24F84

RGB

242, 79, 132

HSL

340.5, 86.2%, 62.9%

HSV

340.5, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 45.5%, 5.1%

OKLCH

0.6655 0.2018 4.6

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F24F84

#4FF2BD

Analogous

#F24FD5

#F26B4F

#F24F84

Triadic

#F24F84

#84F24F

#4F84F2

Split Complementary

#F24F84

#4FF26B

#4FD5F2

Tetradic

#F24F84

#D5F24F

#4FF2BD

#6B4FF2

Color Blindness Simulation

Original

#F24F84

Protanopia

#ABAA77

Deuteranopia

#B5C174

Tritanopia

#EA6D6B

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E9
200
#FABDD1
300
#F78DAF
400
#F24F84
500
#ED1259
600
#BE0E47
700
#980B39
800
#77092D
900
#560B23
950
#360716

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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