#F94B06

#F94B06

Color Values

HEX

#F94B06

RGB

249, 75, 6

HSL

17.0, 95.3%, 50.0%

HSV

17.0, 97.6%, 97.6%

CMYK

0.0%, 69.9%, 97.6%, 2.4%

OKLCH

0.6559 0.2192 36.7

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F94B06

#06B4F9

Analogous

#F9063B

#F9C406

#F94B06

Triadic

#F94B06

#06F94B

#4B06F9

Split Complementary

#F94B06

#06F9C4

#063BF9

Tetradic

#F94B06

#3BF906

#06B4F9

#C406F9

Color Blindness Simulation

Original

#F94B06

Protanopia

#AEAC17

Deuteranopia

#B8C51B

Tritanopia

#F02427

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DF
200
#FDCDB9
300
#FCA987
400
#FB7A47
500
#F94B06
600
#C73C05
700
#9F3004
800
#7D2503
900
#5A1E07
950
#391304

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026