#F24FD0

#F24FD0

Color Values

HEX

#F24FD0

RGB

242, 79, 208

HSL

312.5, 86.2%, 62.9%

HSV

312.5, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 14.0%, 5.1%

OKLCH

0.6935 0.2384 337.3

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F24FD0

#4FF271

Analogous

#C24FF2

#F24F7E

#F24FD0

Triadic

#F24FD0

#D0F24F

#4FD0F2

Split Complementary

#F24FD0

#7EF24F

#4FF2C2

Tetradic

#F24FD0

#F2C24F

#4FF271

#4F7EF2

Color Blindness Simulation

Original

#F24FD0

Protanopia

#ABAAB1

Deuteranopia

#B5C1A9

Tritanopia

#EA9893

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#FABDED
300
#F78DE1
400
#F24FD0
500
#ED12C0
600
#BE0E99
700
#980B7B
800
#770960
900
#560B46
950
#36072C

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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