#F94306

#F94306

Color Values

HEX

#F94306

RGB

249, 67, 6

HSL

15.1, 95.3%, 50.0%

HSV

15.1, 97.6%, 97.6%

CMYK

0.0%, 73.1%, 97.6%, 2.4%

OKLCH

0.6484 0.225 35.0

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#F94306

#06BCF9

Analogous

#F90642

#F9BD06

#F94306

Triadic

#F94306

#06F943

#4306F9

Split Complementary

#F94306

#06F9BD

#0642F9

Tetradic

#F94306

#42F906

#06BCF9

#BD06F9

Color Blindness Simulation

Original

#F94306

Protanopia

#AAA915

Deuteranopia

#B5C218

Tritanopia

#F02023

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DF
200
#FDCAB9
300
#FCA587
400
#FB7447
500
#F94306
600
#C73605
700
#9F2B04
800
#7D2203
900
#5A1C07
950
#391204

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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