#F24F85

#F24F85

Color Values

HEX

#F24F85

RGB

242, 79, 133

HSL

340.1, 86.2%, 62.9%

HSV

340.1, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 45.0%, 5.1%

OKLCH

0.6658 0.2021 4.2

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F24F85

#4FF2BC

Analogous

#F24FD6

#F26A4F

#F24F85

Triadic

#F24F85

#85F24F

#4F85F2

Split Complementary

#F24F85

#4FF26A

#4FD6F2

Tetradic

#F24F85

#D6F24F

#4FF2BC

#6A4FF2

Color Blindness Simulation

Original

#F24F85

Protanopia

#ABAA78

Deuteranopia

#B5C175

Tritanopia

#EA6E6B

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E9
200
#FABDD1
300
#F78DB0
400
#F24F85
500
#ED125A
600
#BE0E48
700
#980B3A
800
#77092D
900
#560B24
950
#360717

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