#F97D14

#F97D14

Color Values

HEX

#F97D14

RGB

249, 125, 20

HSL

27.5, 95.0%, 52.7%

HSV

27.5, 92.0%, 97.6%

CMYK

0.0%, 49.8%, 92.0%, 2.4%

OKLCH

0.7195 0.1802 51.9

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F97D14

#1490F9

Analogous

#F9141D

#F9EF14

#F97D14

Triadic

#F97D14

#14F97D

#7D14F9

Split Complementary

#F97D14

#14F9EF

#141DF9

Tetradic

#F97D14

#1DF914

#1490F9

#EF14F9

Color Blindness Simulation

Original

#F97D14

Protanopia

#C3C22D

Deuteranopia

#CAD434

Tritanopia

#F34146

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD8B9
300
#FCBD88
400
#FA9947
500
#F97506
600
#C75E05
700
#9F4B04
800
#7C3B03
900
#5A2D07
950
#391C04

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

7.97:1

AA Pass AAA Pass

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