#F54F4D

#F54F4D

Color Values

HEX

#F54F4D

RGB

245, 79, 77

HSL

0.7, 89.4%, 63.1%

HSV

0.7, 68.6%, 96.1%

CMYK

0.0%, 67.8%, 68.6%, 3.9%

OKLCH

0.6588 0.2029 25.2

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F54F4D

#4DF3F5

Analogous

#F54D9F

#F5A34D

#F54F4D

Triadic

#F54F4D

#4DF54F

#4F4DF5

Split Complementary

#F54F4D

#4DF5A3

#4D9FF5

Tetradic

#F54F4D

#9FF54D

#4DF3F5

#A34DF5

Color Blindness Simulation

Original

#F54F4D

Protanopia

#ADAC4D

Deuteranopia

#B7C34E

Tritanopia

#ED4E4E

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBB
300
#F98C8B
400
#F54E4C
500
#F1100E
600
#C10D0B
700
#9B0A09
800
#790807
900
#570A09
950
#370706

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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