#F24FC4

#F24FC4

Color Values

HEX

#F24FC4

RGB

242, 79, 196

HSL

316.9, 86.2%, 62.9%

HSV

316.9, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 19.0%, 5.1%

OKLCH

0.6882 0.2306 341.1

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F24FC4

#4FF27D

Analogous

#CE4FF2

#F24F72

#F24FC4

Triadic

#F24FC4

#C4F24F

#4FC4F2

Split Complementary

#F24FC4

#72F24F

#4FF2CE

Tetradic

#F24FC4

#F2CE4F

#4FF27D

#4F72F2

Color Blindness Simulation

Original

#F24FC4

Protanopia

#ABAAA8

Deuteranopia

#B5C1A1

Tritanopia

#EA918C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABDE9
300
#F78DD9
400
#F24FC4
500
#ED12AF
600
#BE0E8C
700
#980B70
800
#770958
900
#560B41
950
#360729

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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