#F24F7C

#F24F7C

Color Values

HEX

#F24F7C

RGB

242, 79, 124

HSL

343.4, 86.2%, 62.9%

HSV

343.4, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 48.8%, 5.1%

OKLCH

0.6634 0.2002 7.8

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F24F7C

#4FF2C5

Analogous

#F24FCE

#F2734F

#F24F7C

Triadic

#F24F7C

#7CF24F

#4F7CF2

Split Complementary

#F24F7C

#4FF273

#4FCEF2

Tetradic

#F24F7C

#CEF24F

#4FF2C5

#734FF2

Color Blindness Simulation

Original

#F24F7C

Protanopia

#ABAA71

Deuteranopia

#B5C16E

Tritanopia

#EA6967

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#FABDCE
300
#F78DAA
400
#F24F7C
500
#ED124E
600
#BE0E3F
700
#980B32
800
#770927
900
#560B20
950
#360714

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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