#F24FC5

#F24FC5

Color Values

HEX

#F24FC5

RGB

242, 79, 197

HSL

316.6, 86.2%, 62.9%

HSV

316.6, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 18.6%, 5.1%

OKLCH

0.6886 0.2312 340.7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F24FC5

#4FF27C

Analogous

#CE4FF2

#F24F73

#F24FC5

Triadic

#F24FC5

#C5F24F

#4FC5F2

Split Complementary

#F24FC5

#73F24F

#4FF2CE

Tetradic

#F24FC5

#F2CE4F

#4FF27C

#4F73F2

Color Blindness Simulation

Original

#F24FC5

Protanopia

#ABAAA8

Deuteranopia

#B5C1A2

Tritanopia

#EA928D

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FAE0F3
200
#FABDE9
300
#F78DD9
400
#F24FC5
500
#ED12B1
600
#BE0E8D
700
#980B71
800
#770958
900
#560B41
950
#360729

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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