#F54CC5

#F54CC5

Color Values

HEX

#F54CC5

RGB

245, 76, 197

HSL

317.0, 89.4%, 62.9%

HSV

317.0, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 19.6%, 3.9%

OKLCH

0.6902 0.2367 341.4

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54CC5

#4CF57C

Analogous

#D04CF5

#F54C70

#F54CC5

Triadic

#F54CC5

#C5F54C

#4CC5F5

Split Complementary

#F54CC5

#70F54C

#4CF5D0

Tetradic

#F54CC5

#F5D04C

#4CF57C

#4C70F5

Color Blindness Simulation

Original

#F54CC5

Protanopia

#ACAAA8

Deuteranopia

#B6C2A1

Tritanopia

#ED918C

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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