#F94906

#F94906

Color Values

HEX

#F94906

RGB

249, 73, 6

HSL

16.5, 95.3%, 50.0%

HSV

16.5, 97.6%, 97.6%

CMYK

0.0%, 70.7%, 97.6%, 2.4%

OKLCH

0.6539 0.2207 36.2

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F94906

#06B6F9

Analogous

#F9063D

#F9C206

#F94906

Triadic

#F94906

#06F949

#4906F9

Split Complementary

#F94906

#06F9C2

#063DF9

Tetradic

#F94906

#3DF906

#06B6F9

#C206F9

Color Blindness Simulation

Original

#F94906

Protanopia

#ADAB16

Deuteranopia

#B7C41A

Tritanopia

#F02326

Achromatopsia

#6A6A6A

CSS Usage

background-color: #F94906;
color: #F94906;
border-color: #F94906;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF5F1
100
#FCE7DF
200
#FDCCB9
300
#FCA887
400
#FB7847
500
#F94906
600
#C73A05
700
#9F2F04
800
#7D2403
900
#5A1E07
950
#391304

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.98:1

AA Pass AAA Fail

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