#F54DC9

#F54DC9

Color Values

HEX

#F54DC9

RGB

245, 77, 201

HSL

315.7, 89.4%, 63.1%

HSV

315.7, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 18.0%, 3.9%

OKLCH

0.6929 0.238 340.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DC9

#4DF579

Analogous

#CD4DF5

#F54D75

#F54DC9

Triadic

#F54DC9

#C9F54D

#4DC9F5

Split Complementary

#F54DC9

#75F54D

#4DF5CD

Tetradic

#F54DC9

#F5CD4D

#4DF579

#4D75F5

Color Blindness Simulation

Original

#F54DC9

Protanopia

#ACABAB

Deuteranopia

#B6C3A4

Tritanopia

#ED938E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #F54DC9;
color: #F54DC9;
border-color: #F54DC9;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBBEB
300
#F98BDC
400
#F54CC9
500
#F10EB6
600
#C10B91
700
#9B0974
800
#79075B
900
#570943
950
#37062A

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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