#F97006

#F97006

Color Values

HEX

#F97006

RGB

249, 112, 6

HSL

26.2, 95.3%, 50.0%

HSV

26.2, 97.6%, 97.6%

CMYK

0.0%, 55.0%, 97.6%, 2.4%

OKLCH

0.7002 0.1906 47.5

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#F97006

#068FF9

Analogous

#F90615

#F9EA06

#F97006

Triadic

#F97006

#06F970

#7006F9

Split Complementary

#F97006

#06F9EA

#0615F9

Tetradic

#F97006

#15F906

#068FF9

#EA06F9

Color Blindness Simulation

Original

#F97006

Protanopia

#BEBC20

Deuteranopia

#C6D026

Tritanopia

#F23438

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEBDF
200
#FDD7B9
300
#FCBA87
400
#FB9547
500
#F97006
600
#C75A05
700
#9F4804
800
#7D3803
900
#5A2B07
950
#391B04

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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