#F84B49

#F84B49

Color Values

HEX

#F84B49

RGB

248, 75, 73

HSL

0.7, 92.6%, 62.9%

HSV

0.7, 70.6%, 97.3%

CMYK

0.0%, 69.8%, 70.6%, 2.7%

OKLCH

0.6591 0.21 25.6

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F84B49

#49F6F8

Analogous

#F8499E

#F8A249

#F84B49

Triadic

#F84B49

#49F84B

#4B49F8

Split Complementary

#F84B49

#49F8A2

#499EF8

Tetradic

#F84B49

#9EF849

#49F6F8

#A249F8

Color Blindness Simulation

Original

#F84B49

Protanopia

#ADAC49

Deuteranopia

#B7C44A

Tritanopia

#EF4A4A

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FDF1F1
100
#FBDFDF
200
#FCBBBA
300
#FA8A89
400
#F84B49
500
#F60C09
600
#C40A08
700
#9D0806
800
#7B0605
900
#590908
950
#380605

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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