#F150AE

#F150AE

Color Values

HEX

#F150AE

RGB

241, 80, 174

HSL

325.0, 85.2%, 62.9%

HSV

325.0, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 27.8%, 5.5%

OKLCH

0.6788 0.216 348.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F150AE

#50F193

Analogous

#E450F1

#F1505D

#F150AE

Triadic

#F150AE

#AEF150

#50AEF1

Split Complementary

#F150AE

#5DF150

#50F1E4

Tetradic

#F150AE

#F1E450

#50F193

#505DF1

Color Blindness Simulation

Original

#F150AE

Protanopia

#ABAA97

Deuteranopia

#B5C192

Tritanopia

#E98581

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDE0
300
#F68ECA
400
#F150AE
500
#EC1392
600
#BD0F74
700
#970C5D
800
#760949
900
#560B37
950
#360723

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026