#F87307

#F87307

Color Values

HEX

#F87307

RGB

248, 115, 7

HSL

26.9, 94.5%, 50.0%

HSV

26.9, 97.2%, 97.3%

CMYK

0.0%, 53.6%, 97.2%, 2.7%

OKLCH

0.7031 0.1875 48.8

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F87307

#078CF8

Analogous

#F80713

#F8EC07

#F87307

Triadic

#F87307

#07F873

#7307F8

Split Complementary

#F87307

#07F8EC

#0713F8

Tetradic

#F87307

#13F807

#078CF8

#EC07F8

Color Blindness Simulation

Original

#F87307

Protanopia

#BEBD21

Deuteranopia

#C6D027

Tritanopia

#F1363A

Achromatopsia

#878787

CSS Usage

background-color: #F87307;
color: #F87307;
border-color: #F87307;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDD8BA
300
#FCBC88
400
#FA9747
500
#F87307
600
#C65C06
700
#9F4A04
800
#7C3A04
900
#5A2C07
950
#391C05

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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