#F54DA6

#F54DA6

Color Values

HEX

#F54DA6

RGB

245, 77, 166

HSL

328.2, 89.4%, 63.1%

HSV

328.2, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 32.2%, 3.9%

OKLCH

0.679 0.2187 351.9

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#F54DA6

#4DF59C

Analogous

#F04DF5

#F54D52

#F54DA6

Triadic

#F54DA6

#A6F54D

#4DA6F5

Split Complementary

#F54DA6

#52F54D

#4DF5F0

Tetradic

#F54DA6

#F5F04D

#4DF59C

#4D52F5

Color Blindness Simulation

Original

#F54DA6

Protanopia

#ACAB90

Deuteranopia

#B6C38B

Tritanopia

#ED7F7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDD
300
#F98BC5
400
#F54CA6
500
#F10E86
600
#C10B6B
700
#9B0956
800
#790743
900
#570933
950
#370620

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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