#F84D49

#F84D49

Color Values

HEX

#F84D49

RGB

248, 77, 73

HSL

1.4, 92.6%, 62.9%

HSV

1.4, 70.6%, 97.3%

CMYK

0.0%, 69.0%, 70.6%, 2.7%

OKLCH

0.661 0.2082 26.0

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F84D49

#49F4F8

Analogous

#F8499C

#F8A449

#F84D49

Triadic

#F84D49

#49F84D

#4D49F8

Split Complementary

#F84D49

#49F8A4

#499CF8

Tetradic

#F84D49

#9CF849

#49F4F8

#A449F8

Color Blindness Simulation

Original

#F84D49

Protanopia

#AEAC4A

Deuteranopia

#B8C54A

Tritanopia

#EF4B4B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBCBA
300
#FA8C89
400
#F84D49
500
#F60F09
600
#C40C08
700
#9D0A06
800
#7B0705
900
#590A08
950
#380605

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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