#F457A7

#F457A7

Color Values

HEX

#F457A7

RGB

244, 87, 167

HSL

329.4, 87.7%, 64.9%

HSV

329.4, 64.3%, 95.7%

CMYK

0.0%, 64.3%, 31.6%, 4.3%

OKLCH

0.6878 0.206 352.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F457A7

#57F4A4

Analogous

#F257F4

#F45759

#F457A7

Triadic

#F457A7

#A7F457

#57A7F4

Split Complementary

#F457A7

#59F457

#57F4F2

Tetradic

#F457A7

#F4F257

#57F4A4

#5759F4

Color Blindness Simulation

Original

#F457A7

Protanopia

#B0AF94

Deuteranopia

#B9C58F

Tritanopia

#EC8481

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FBBCDC
300
#F78CC3
400
#F34EA2
500
#EF1082
600
#BF0D68
700
#990A53
800
#780841
900
#570A31
950
#37061F

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026