#F48318

#F48318

Color Values

HEX

#F48318

RGB

244, 131, 24

HSL

29.2, 90.9%, 52.5%

HSV

29.2, 90.2%, 95.7%

CMYK

0.0%, 46.3%, 90.2%, 4.3%

OKLCH

0.7221 0.1715 55.5

Properties

Warm Light Nearest: RAL 2000 Yellow Orange

Color Harmonies

Complementary

#F48318

#1889F4

Analogous

#F4181B

#F4F118

#F48318

Triadic

#F48318

#18F483

#8318F4

Split Complementary

#F48318

#18F4F1

#181BF4

Tetradic

#F48318

#1BF418

#1889F4

#F118F4

Color Blindness Simulation

Original

#F48318

Protanopia

#C3C232

Deuteranopia

#CAD238

Tritanopia

#EE464B

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABB
300
#F9C08A
400
#F69E4B
500
#F37C0C
600
#C36409
700
#9C5007
800
#7A3E06
900
#582F09
950
#381E06

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.11:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026