#F87407

#F87407

Color Values

HEX

#F87407

RGB

248, 116, 7

HSL

27.1, 94.5%, 50.0%

HSV

27.1, 97.2%, 97.3%

CMYK

0.0%, 53.2%, 97.2%, 2.7%

OKLCH

0.7045 0.1868 49.2

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F87407

#078BF8

Analogous

#F80713

#F8EC07

#F87407

Triadic

#F87407

#07F874

#7407F8

Split Complementary

#F87407

#07F8EC

#0713F8

Tetradic

#F87407

#13F807

#078BF8

#EC07F8

Color Blindness Simulation

Original

#F87407

Protanopia

#BFBE21

Deuteranopia

#C6D028

Tritanopia

#F1363B

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026