#F17D06

#F17D06

Color Values

HEX

#F17D06

RGB

241, 125, 6

HSL

30.4, 95.1%, 48.4%

HSV

30.4, 97.5%, 94.5%

CMYK

0.0%, 48.1%, 97.5%, 5.5%

OKLCH

0.7081 0.1748 54.7

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F17D06

#067AF1

Analogous

#F10806

#EFF106

#F17D06

Triadic

#F17D06

#06F17D

#7D06F1

Split Complementary

#F17D06

#06EFF1

#0806F1

Tetradic

#F17D06

#06F108

#067AF1

#F106EF

Color Blindness Simulation

Original

#F17D06

Protanopia

#BFBE23

Deuteranopia

#C6CE2A

Tritanopia

#EB3A3F

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDCB9
300
#FCC388
400
#FAA247
500
#F98106
600
#C76705
700
#9F5304
800
#7C4103
900
#5A3107
950
#391F04

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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