#F85149

#F85149

Color Values

HEX

#F85149

RGB

248, 81, 73

HSL

2.7, 92.6%, 62.9%

HSV

2.7, 70.6%, 97.3%

CMYK

0.0%, 67.3%, 70.6%, 2.7%

OKLCH

0.6651 0.2046 27.0

Properties

Warm Light Nearest: Red Orange

Color Harmonies

Complementary

#F85149

#49F0F8

Analogous

#F84999

#F8A849

#F85149

Triadic

#F85149

#49F851

#5149F8

Split Complementary

#F85149

#49F8A8

#4999F8

Tetradic

#F85149

#99F849

#49F0F8

#A849F8

Color Blindness Simulation

Original

#F85149

Protanopia

#B0AE4B

Deuteranopia

#B9C64B

Tritanopia

#F04C4D

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBDBA
300
#FA8E89
400
#F85149
500
#F61409
600
#C41008
700
#9D0D06
800
#7B0A05
900
#590C08
950
#380705

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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