#F48315

#F48315

Color Values

HEX

#F48315

RGB

244, 131, 21

HSL

29.6, 91.0%, 52.0%

HSV

29.6, 91.4%, 95.7%

CMYK

0.0%, 46.3%, 91.4%, 4.3%

OKLCH

0.722 0.1721 55.8

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F48315

#1586F4

Analogous

#F41517

#F4F215

#F48315

Triadic

#F48315

#15F483

#8315F4

Split Complementary

#F48315

#15F4F2

#1517F4

Tetradic

#F48315

#17F415

#1586F4

#F215F4

Color Blindness Simulation

Original

#F48315

Protanopia

#C3C230

Deuteranopia

#CAD236

Tritanopia

#EE4549

Achromatopsia

#939393

CSS Usage

background-color: #F48315;
color: #F48315;
border-color: #F48315;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBB
300
#F9C18A
400
#F7A04B
500
#F47E0B
600
#C36509
700
#9C5107
800
#7A3F06
900
#583009
950
#381E06

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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