#F48329

#F48329

Color Values

HEX

#F48329

RGB

244, 131, 41

HSL

26.6, 90.2%, 55.9%

HSV

26.6, 83.2%, 95.7%

CMYK

0.0%, 46.3%, 83.2%, 4.3%

OKLCH

0.7229 0.1674 53.4

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#F48329

#299AF4

Analogous

#F42935

#F4E829

#F48329

Triadic

#F48329

#29F483

#8329F4

Split Complementary

#F48329

#29F4E8

#2935F4

Tetradic

#F48329

#35F429

#299AF4

#E829F4

Color Blindness Simulation

Original

#F48329

Protanopia

#C3C23F

Deuteranopia

#CAD244

Tritanopia

#EE5054

Achromatopsia

#959595

CSS Usage

background-color: #F48329;
color: #F48329;
border-color: #F48329;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD8BB
300
#F9BC8B
400
#F6974C
500
#F3720C
600
#C25C0A
700
#9B4908
800
#793906
900
#582C09
950
#371C06

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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