#F54D71

#F54D71

Color Values

HEX

#F54D71

RGB

245, 77, 113

HSL

347.1, 89.4%, 63.1%

HSV

347.1, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 53.9%, 3.9%

OKLCH

0.6634 0.2038 12.2

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#F54D71

#4DF5D1

Analogous

#F54DC5

#F57D4D

#F54D71

Triadic

#F54D71

#71F54D

#4D71F5

Split Complementary

#F54D71

#4DF57D

#4DC5F5

Tetradic

#F54D71

#C5F54D

#4DF5D1

#7D4DF5

Color Blindness Simulation

Original

#F54D71

Protanopia

#ACAB68

Deuteranopia

#B6C366

Tritanopia

#ED6160

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FDF2F4
100
#FBE0E5
200
#FBBBC9
300
#F98BA3
400
#F54C71
500
#F10E3F
600
#C10B32
700
#9B0928
800
#79071F
900
#57091A
950
#370611

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026