#F54DC5

#F54DC5

Color Values

HEX

#F54DC5

RGB

245, 77, 197

HSL

317.1, 89.4%, 63.1%

HSV

317.1, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 19.6%, 3.9%

OKLCH

0.6911 0.2355 341.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DC5

#4DF57D

Analogous

#D14DF5

#F54D71

#F54DC5

Triadic

#F54DC5

#C5F54D

#4DC5F5

Split Complementary

#F54DC5

#71F54D

#4DF5D1

Tetradic

#F54DC5

#F5D14D

#4DF57D

#4D71F5

Color Blindness Simulation

Original

#F54DC5

Protanopia

#ACABA8

Deuteranopia

#B6C3A1

Tritanopia

#ED918C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F3
200
#FBBBE9
300
#F98BD9
400
#F54CC5
500
#F10EB1
600
#C10B8D
700
#9B0971
800
#790758
900
#570941
950
#370629

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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