#F54D72

#F54D72

Color Values

HEX

#F54D72

RGB

245, 77, 114

HSL

346.8, 89.4%, 63.1%

HSV

346.8, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 53.5%, 3.9%

OKLCH

0.6637 0.2039 11.8

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F54D72

#4DF5D0

Analogous

#F54DC6

#F57C4D

#F54D72

Triadic

#F54D72

#72F54D

#4D72F5

Split Complementary

#F54D72

#4DF57C

#4DC6F5

Tetradic

#F54D72

#C6F54D

#4DF5D0

#7C4DF5

Color Blindness Simulation

Original

#F54D72

Protanopia

#ACAB69

Deuteranopia

#B6C367

Tritanopia

#ED6260

Achromatopsia

#737373

CSS Usage

background-color: #F54D72;
color: #F54D72;
border-color: #F54D72;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FDF2F4
100
#FBE0E6
200
#FBBBC9
300
#F98BA3
400
#F54C71
500
#F10E40
600
#C10B33
700
#9B0929
800
#790720
900
#57091B
950
#370611

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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