#F54C56

#F54C56

Color Values

HEX

#F54C56

RGB

245, 76, 86

HSL

356.4, 89.4%, 62.9%

HSV

356.4, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 64.9%, 3.9%

OKLCH

0.6571 0.2048 21.7

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#F54C56

#4CF5EB

Analogous

#F54CAB

#F5964C

#F54C56

Triadic

#F54C56

#56F54C

#4C56F5

Split Complementary

#F54C56

#4CF596

#4CABF5

Tetradic

#F54C56

#ABF54C

#4CF5EB

#964CF5

Color Blindness Simulation

Original

#F54C56

Protanopia

#ACAA54

Deuteranopia

#B6C253

Tritanopia

#ED5251

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E1
200
#FBBBBF
300
#F98B92
400
#F54C56
500
#F10E1B
600
#C10B16
700
#9B0911
800
#79070E
900
#57090E
950
#370609

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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