#F54DA4

#F54DA4

Color Values

HEX

#F54DA4

RGB

245, 77, 164

HSL

328.9, 89.4%, 63.1%

HSV

328.9, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 33.1%, 3.9%

OKLCH

0.6782 0.2178 352.7

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F54DA4

#4DF59E

Analogous

#F24DF5

#F54D50

#F54DA4

Triadic

#F54DA4

#A4F54D

#4DA4F5

Split Complementary

#F54DA4

#50F54D

#4DF5F2

Tetradic

#F54DA4

#F5F24D

#4DF59E

#4D50F5

Color Blindness Simulation

Original

#F54DA4

Protanopia

#ACAB8F

Deuteranopia

#B6C38A

Tritanopia

#ED7E7B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDC
300
#F98BC4
400
#F54CA4
500
#F10E84
600
#C10B69
700
#9B0954
800
#790742
900
#570932
950
#370620

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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