#F54D70

#F54D70

Color Values

HEX

#F54D70

RGB

245, 77, 112

HSL

347.5, 89.4%, 63.1%

HSV

347.5, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 54.3%, 3.9%

OKLCH

0.6632 0.2037 12.5

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F54D70

#4DF5D2

Analogous

#F54DC4

#F57E4D

#F54D70

Triadic

#F54D70

#70F54D

#4D70F5

Split Complementary

#F54D70

#4DF57E

#4DC4F5

Tetradic

#F54D70

#C4F54D

#4DF5D2

#7E4DF5

Color Blindness Simulation

Original

#F54D70

Protanopia

#ACAB68

Deuteranopia

#B6C365

Tritanopia

#ED615F

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBBC9
300
#F98BA2
400
#F54C6F
500
#F10E3D
600
#C10B31
700
#9B0927
800
#79071F
900
#57091A
950
#370610

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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