#F54C4D

#F54C4D

Color Values

HEX

#F54C4D

RGB

245, 76, 77

HSL

359.6, 89.4%, 62.9%

HSV

359.6, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 68.6%, 3.9%

OKLCH

0.6557 0.2056 24.5

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F54C4D

#4CF5F4

Analogous

#F54CA2

#F59F4C

#F54C4D

Triadic

#F54C4D

#4DF54C

#4C4DF5

Split Complementary

#F54C4D

#4CF59F

#4CA2F5

Tetradic

#F54C4D

#A2F54C

#4CF5F4

#9F4CF5

Color Blindness Simulation

Original

#F54C4D

Protanopia

#ACAA4D

Deuteranopia

#B6C24D

Tritanopia

#ED4D4D

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBC
300
#F98B8C
400
#F54C4D
500
#F10E0F
600
#C10B0C
700
#9B090A
800
#790708
900
#57090A
950
#370606

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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