#F97B06

#F97B06

Color Values

HEX

#F97B06

RGB

249, 123, 6

HSL

28.9, 95.3%, 50.0%

HSV

28.9, 97.6%, 97.6%

CMYK

0.0%, 50.6%, 97.6%, 2.4%

OKLCH

0.7162 0.1831 51.9

Properties

Warm Light Nearest: darkorange 1

Color Harmonies

Complementary

#F97B06

#0684F9

Analogous

#F9060A

#F9F506

#F97B06

Triadic

#F97B06

#06F97B

#7B06F9

Split Complementary

#F97B06

#06F9F5

#060AF9

Tetradic

#F97B06

#0AF906

#0684F9

#F506F9

Color Blindness Simulation

Original

#F97B06

Protanopia

#C2C122

Deuteranopia

#CAD329

Tritanopia

#F3393E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDAB9
300
#FCC087
400
#FB9D47
500
#F97B06
600
#C76205
700
#9F4F04
800
#7D3E03
900
#5A2F07
950
#391E04

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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