#F54C50

#F54C50

Color Values

HEX

#F54C50

RGB

245, 76, 80

HSL

358.6, 89.4%, 62.9%

HSV

358.6, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 67.3%, 3.9%

OKLCH

0.6562 0.2053 23.6

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F54C50

#4CF5F1

Analogous

#F54CA4

#F59C4C

#F54C50

Triadic

#F54C50

#50F54C

#4C50F5

Split Complementary

#F54C50

#4CF59C

#4CA4F5

Tetradic

#F54C50

#A4F54C

#4CF5F1

#9C4CF5

Color Blindness Simulation

Original

#F54C50

Protanopia

#ACAA4F

Deuteranopia

#B6C24F

Tritanopia

#ED4E4E

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBD
300
#F98B8E
400
#F54C50
500
#F10E13
600
#C10B0F
700
#9B090C
800
#790709
900
#57090B
950
#370607

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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