#F54DC0

#F54DC0

Color Values

HEX

#F54DC0

RGB

245, 77, 192

HSL

318.9, 89.4%, 63.1%

HSV

318.9, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 21.6%, 3.9%

OKLCH

0.689 0.2325 343.0

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DC0

#4DF582

Analogous

#D64DF5

#F54D6C

#F54DC0

Triadic

#F54DC0

#C0F54D

#4DC0F5

Split Complementary

#F54DC0

#6CF54D

#4DF5D6

Tetradic

#F54DC0

#F5D64D

#4DF582

#4D6CF5

Color Blindness Simulation

Original

#F54DC0

Protanopia

#ACABA4

Deuteranopia

#B6C39D

Tritanopia

#ED8E89

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F2
200
#FBBBE7
300
#F98BD6
400
#F54CC0
500
#F10EAA
600
#C10B88
700
#9B096D
800
#790755
900
#57093F
950
#370628

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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