#F24FE3

#F24FE3

Color Values

HEX

#F24FE3

RGB

242, 79, 227

HSL

305.5, 86.2%, 62.9%

HSV

305.5, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 6.2%, 5.1%

OKLCH

0.7026 0.2516 331.8

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F24FE3

#4FF25E

Analogous

#AF4FF2

#F24F91

#F24FE3

Triadic

#F24FE3

#E3F24F

#4FE3F2

Split Complementary

#F24FE3

#91F24F

#4FF2AF

Tetradic

#F24FE3

#F2AF4F

#4FF25E

#4F91F2

Color Blindness Simulation

Original

#F24FE3

Protanopia

#ABAABF

Deuteranopia

#B5C1B7

Tritanopia

#EAA39D

Achromatopsia

#7C7C7C

CSS Usage

background-color: #F24FE3;
color: #F24FE3;
border-color: #F24FE3;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABDF4
300
#F78DED
400
#F24FE3
500
#ED12D9
600
#BE0EAE
700
#980B8B
800
#77096D
900
#560B4F
950
#360732

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Pass

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