#F54DD0

#F54DD0

Color Values

HEX

#F54DD0

RGB

245, 77, 208

HSL

313.2, 89.4%, 63.1%

HSV

313.2, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 15.1%, 3.9%

OKLCH

0.696 0.2425 338.0

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DD0

#4DF572

Analogous

#C64DF5

#F54D7C

#F54DD0

Triadic

#F54DD0

#D0F54D

#4DD0F5

Split Complementary

#F54DD0

#7CF54D

#4DF5C6

Tetradic

#F54DD0

#F5C64D

#4DF572

#4D7CF5

Color Blindness Simulation

Original

#F54DD0

Protanopia

#ACABB0

Deuteranopia

#B6C3A9

Tritanopia

#ED9792

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBBED
300
#F98BE0
400
#F54CD0
500
#F10EBF
600
#C10B99
700
#9B097A
800
#790760
900
#570946
950
#37062C

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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