#F24FCC

#F24FCC

Color Values

HEX

#F24FCC

RGB

242, 79, 204

HSL

314.0, 86.2%, 62.9%

HSV

314.0, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 15.7%, 5.1%

OKLCH

0.6917 0.2357 338.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F24FCC

#4FF275

Analogous

#C64FF2

#F24F7A

#F24FCC

Triadic

#F24FCC

#CCF24F

#4FCCF2

Split Complementary

#F24FCC

#7AF24F

#4FF2C6

Tetradic

#F24FCC

#F2C64F

#4FF275

#4F7AF2

Color Blindness Simulation

Original

#F24FCC

Protanopia

#ABAAAE

Deuteranopia

#B5C1A6

Tritanopia

#EA9691

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F24FCC;
color: #F24FCC;
border-color: #F24FCC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FA
100
#FAE0F4
200
#FABDEC
300
#F78DDE
400
#F24FCC
500
#ED12BA
600
#BE0E95
700
#980B77
800
#77095D
900
#560B44
950
#36072B

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026