#F54DCF

#F54DCF

Color Values

HEX

#F54DCF

RGB

245, 77, 207

HSL

313.6, 89.4%, 63.1%

HSV

313.6, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 15.5%, 3.9%

OKLCH

0.6955 0.2419 338.3

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F54DCF

#4DF573

Analogous

#C74DF5

#F54D7B

#F54DCF

Triadic

#F54DCF

#CFF54D

#4DCFF5

Split Complementary

#F54DCF

#7BF54D

#4DF5C7

Tetradic

#F54DCF

#F5C74D

#4DF573

#4D7BF5

Color Blindness Simulation

Original

#F54DCF

Protanopia

#ACABB0

Deuteranopia

#B6C3A8

Tritanopia

#ED9791

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FBE0F5
200
#FBBBED
300
#F98BE0
400
#F54CCF
500
#F10EBE
600
#C10B98
700
#9B0979
800
#79075F
900
#570946
950
#37062C

Contrast Checker

Text on white

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