#F54D53

#F54D53

Color Values

HEX

#F54D53

RGB

245, 77, 83

HSL

357.9, 89.4%, 63.1%

HSV

357.9, 68.6%, 96.1%

CMYK

0.0%, 68.6%, 66.1%, 3.9%

OKLCH

0.6576 0.2041 22.9

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#F54D53

#4DF5EF

Analogous

#F54DA7

#F59B4D

#F54D53

Triadic

#F54D53

#53F54D

#4D53F5

Split Complementary

#F54D53

#4DF59B

#4DA7F5

Tetradic

#F54D53

#A7F54D

#4DF5EF

#9B4DF5

Color Blindness Simulation

Original

#F54D53

Protanopia

#ACAB52

Deuteranopia

#B6C351

Tritanopia

#ED5050

Achromatopsia

#717171

CSS Usage

background-color: #F54D53;
color: #F54D53;
border-color: #F54D53;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBBBE
300
#F98B8F
400
#F54C52
500
#F10E15
600
#C10B11
700
#9B090E
800
#79070B
900
#57090C
950
#370608

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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