#F54DCC

#F54DCC

Color Values

HEX

#F54DCC

RGB

245, 77, 204

HSL

314.6, 89.4%, 63.1%

HSV

314.6, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 16.7%, 3.9%

OKLCH

0.6942 0.2399 339.2

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DCC

#4DF576

Analogous

#CA4DF5

#F54D78

#F54DCC

Triadic

#F54DCC

#CCF54D

#4DCCF5

Split Complementary

#F54DCC

#78F54D

#4DF5CA

Tetradic

#F54DCC

#F5CA4D

#4DF576

#4D78F5

Color Blindness Simulation

Original

#F54DCC

Protanopia

#ACABAD

Deuteranopia

#B6C3A6

Tritanopia

#ED9590

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBBEC
300
#F98BDE
400
#F54CCC
500
#F10EBA
600
#C10B95
700
#9B0977
800
#79075D
900
#570944
950
#37062B

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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