#F24793

#F24793

Color Values

HEX

#F24793

RGB

242, 71, 147

HSL

333.3, 86.8%, 61.4%

HSV

333.3, 70.7%, 94.9%

CMYK

0.0%, 70.7%, 39.3%, 5.1%

OKLCH

0.6624 0.2154 357.7

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F24793

#47F2A6

Analogous

#F247E9

#F25147

#F24793

Triadic

#F24793

#93F247

#4793F2

Split Complementary

#F24793

#47F251

#47E9F2

Tetradic

#F24793

#E9F247

#47F2A6

#5147F2

Color Blindness Simulation

Original

#F24793

Protanopia

#A8A681

Deuteranopia

#B2BF7C

Tritanopia

#E9726F

Achromatopsia

#717171

CSS Usage

background-color: #F24793;
color: #F24793;
border-color: #F24793;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABCD8
300
#F78DBC
400
#F34F98
500
#EE1173
600
#BF0D5C
700
#980B4A
800
#77083A
900
#560B2C
950
#37071C

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.1:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026