#F86949

#F86949

Color Values

HEX

#F86949

RGB

248, 105, 73

HSL

11.0, 92.6%, 62.9%

HSV

11.0, 70.6%, 97.3%

CMYK

0.0%, 57.7%, 70.6%, 2.7%

OKLCH

0.6935 0.1822 34.1

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#F86949

#49D8F8

Analogous

#F84980

#F8C149

#F86949

Triadic

#F86949

#49F869

#6949F8

Split Complementary

#F86949

#49F8C1

#4980F8

Tetradic

#F86949

#80F849

#49D8F8

#C149F8

Color Blindness Simulation

Original

#F86949

Protanopia

#BAB951

Deuteranopia

#C2CD53

Tritanopia

#F15758

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE4DF
200
#FCC6BA
300
#FA9E89
400
#F86949
500
#F63509
600
#C42A08
700
#9D2206
800
#7B1A05
900
#591708
950
#380E05

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

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