#F24FC2

#F24FC2

Color Values

HEX

#F24FC2

RGB

242, 79, 194

HSL

317.7, 86.2%, 62.9%

HSV

317.7, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 19.8%, 5.1%

OKLCH

0.6873 0.2294 341.7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F24FC2

#4FF27F

Analogous

#D14FF2

#F24F70

#F24FC2

Triadic

#F24FC2

#C2F24F

#4FC2F2

Split Complementary

#F24FC2

#70F24F

#4FF2D1

Tetradic

#F24FC2

#F2D14F

#4FF27F

#4F70F2

Color Blindness Simulation

Original

#F24FC2

Protanopia

#ABAAA6

Deuteranopia

#B5C19F

Tritanopia

#EA908B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABDE8
300
#F78DD7
400
#F24FC2
500
#ED12AD
600
#BE0E8A
700
#980B6E
800
#770956
900
#560B40
950
#360728

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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