#F24DDF

#F24DDF

Color Values

HEX

#F24DDF

RGB

242, 77, 223

HSL

306.9, 86.4%, 62.5%

HSV

306.9, 68.2%, 94.9%

CMYK

0.0%, 68.2%, 7.9%, 5.1%

OKLCH

0.6988 0.251 332.9

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F24DDF

#4DF260

Analogous

#B24DF2

#F24D8C

#F24DDF

Triadic

#F24DDF

#DFF24D

#4DDFF2

Split Complementary

#F24DDF

#8CF24D

#4DF2B2

Tetradic

#F24DDF

#F2B24D

#4DF260

#4D8CF2

Color Blindness Simulation

Original

#F24DDF

Protanopia

#ABA9BC

Deuteranopia

#B4C0B3

Tritanopia

#EAA09A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF3
300
#F78DEB
400
#F24FDF
500
#EE11D4
600
#BE0EAA
700
#980B88
800
#77096A
900
#560B4D
950
#360731

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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