#FF8500

#FF8500

Color Values

HEX

#FF8500

RGB

255, 133, 0

HSL

31.3, 100.0%, 50.0%

HSV

31.3, 100.0%, 100.0%

CMYK

0.0%, 47.8%, 100.0%, 0.0%

OKLCH

0.7395 0.1828 55.1

Properties

Warm Light Nearest: darkorange 1

Color Harmonies

Complementary

#FF8500

#007AFF

Analogous

#FF0600

#F9FF00

#FF8500

Triadic

#FF8500

#00FF85

#8500FF

Split Complementary

#FF8500

#00F9FF

#0600FF

Tetradic

#FF8500

#00FF06

#007AFF

#FF00F9

Color Blindness Simulation

Original

#FF8500

Protanopia

#CAC920

Deuteranopia

#D1DA28

Tritanopia

#F93A3F

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FFDDB8
300
#FFC485
400
#FFA542
500
#FF8500
600
#CC6A00
700
#A35500
800
#804300
900
#5C3205
950
#3A2003

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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