#FF9800

#FF9800

Color Values

HEX

#FF9800

RGB

255, 152, 0

HSL

35.8, 100.0%, 50.0%

HSV

35.8, 100.0%, 100.0%

CMYK

0.0%, 40.4%, 100.0%, 0.0%

OKLCH

0.7703 0.1741 64.1

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#FF9800

#0067FF

Analogous

#FF1900

#E6FF00

#FF9800

Triadic

#FF9800

#00FF98

#9800FF

Split Complementary

#FF9800

#00E6FF

#1900FF

Tetradic

#FF9800

#00FF19

#0067FF

#FF00E6

Color Blindness Simulation

Original

#FF9800

Protanopia

#D2D225

Deuteranopia

#D8E02E

Tritanopia

#FA4248

Achromatopsia

#A3A3A3

CSS Usage

background-color: #FF9800;
color: #FF9800;
border-color: #FF9800;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FFE2B8
300
#FFCE85
400
#FFB342
500
#FF9800
600
#CC7A00
700
#A36100
800
#804C00
900
#5C3905
950
#3A2403

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026