#F84956

#F84956

Color Values

HEX

#F84956

RGB

248, 73, 86

HSL

355.5, 92.6%, 62.9%

HSV

355.5, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 65.3%, 2.7%

OKLCH

0.6591 0.2105 21.2

Properties

Warm Light Nearest: RAL 3017 Rose

Color Harmonies

Complementary

#F84956

#49F8EB

Analogous

#F849AE

#F89349

#F84956

Triadic

#F84956

#56F849

#4956F8

Split Complementary

#F84956

#49F893

#49AEF8

Tetradic

#F84956

#AEF849

#49F8EB

#9349F8

Color Blindness Simulation

Original

#F84956

Protanopia

#ACAB53

Deuteranopia

#B6C452

Tritanopia

#EF5050

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBABF
300
#FA8992
400
#F84956
500
#F6091B
600
#C40816
700
#9D0611
800
#7B050E
900
#59080E
950
#380509

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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