#F24FD4

#F24FD4

Color Values

HEX

#F24FD4

RGB

242, 79, 212

HSL

311.0, 86.2%, 62.9%

HSV

311.0, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 12.4%, 5.1%

OKLCH

0.6953 0.2411 336.1

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F24FD4

#4FF26D

Analogous

#BE4FF2

#F24F82

#F24FD4

Triadic

#F24FD4

#D4F24F

#4FD4F2

Split Complementary

#F24FD4

#82F24F

#4FF2BE

Tetradic

#F24FD4

#F2BE4F

#4FF26D

#4F82F2

Color Blindness Simulation

Original

#F24FD4

Protanopia

#ABAAB4

Deuteranopia

#B5C1AC

Tritanopia

#EA9A95

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABDEF
300
#F78DE3
400
#F24FD4
500
#ED12C5
600
#BE0E9E
700
#980B7E
800
#770963
900
#560B48
950
#36072E

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026