#F24FBD

#F24FBD

Color Values

HEX

#F24FBD

RGB

242, 79, 189

HSL

319.5, 86.2%, 62.9%

HSV

319.5, 67.4%, 94.9%

CMYK

0.0%, 67.4%, 21.9%, 5.1%

OKLCH

0.6852 0.2263 343.4

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#F24FBD

#4FF284

Analogous

#D54FF2

#F24F6B

#F24FBD

Triadic

#F24FBD

#BDF24F

#4FBDF2

Split Complementary

#F24FBD

#6BF24F

#4FF2D5

Tetradic

#F24FBD

#F2D54F

#4FF284

#4F6BF2

Color Blindness Simulation

Original

#F24FBD

Protanopia

#ABAAA2

Deuteranopia

#B5C19C

Tritanopia

#EA8D89

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FAE0F2
200
#FABDE6
300
#F78DD4
400
#F24FBD
500
#ED12A6
600
#BE0E85
700
#980B6A
800
#770953
900
#560B3E
950
#360727

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.63:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026