#F54DCE

#F54DCE

Color Values

HEX

#F54DCE

RGB

245, 77, 206

HSL

313.9, 89.4%, 63.1%

HSV

313.9, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 15.9%, 3.9%

OKLCH

0.6951 0.2412 338.6

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DCE

#4DF574

Analogous

#C84DF5

#F54D7A

#F54DCE

Triadic

#F54DCE

#CEF54D

#4DCEF5

Split Complementary

#F54DCE

#7AF54D

#4DF5C8

Tetradic

#F54DCE

#F5C84D

#4DF574

#4D7AF5

Color Blindness Simulation

Original

#F54DCE

Protanopia

#ACABAF

Deuteranopia

#B6C3A7

Tritanopia

#ED9691

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBBEC
300
#F98BDF
400
#F54CCE
500
#F10EBD
600
#C10B97
700
#9B0979
800
#79075E
900
#570945
950
#37062C

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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