#FF5000

#FF5000

Color Values

HEX

#FF5000

RGB

255, 80, 0

HSL

18,8, 100,0%, 50,0%

HSV

18,8, 100,0%, 100,0%

CMYK

0,0%, 68,6%, 100,0%, 0,0%

OKLCH

0,6707 0,2213 37,6

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FF5000

#00AFFF

Analogous

#FF0030

#FFCF00

#FF5000

Triadic

#FF5000

#00FF50

#5000FF

Split Complementary

#FF5000

#00FFCF

#0030FF

Tetradic

#FF5000

#30FF00

#00AFFF

#CF00FF

Color Blindness Simulation

Original

#FF5000

Protanopia

#B3B213

Deuteranopia

#BDCA18

Tritanopia

#F62326

Achromatopsia

#6F6F6F

CSS Usage

background-color: #FF5000;
color: #FF5000;
border-color: #FF5000;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FFCEB8
300
#FFAB85
400
#FF7D42
500
#FF5000
600
#CC4000
700
#A33300
800
#802800
900
#5C2005
950
#3A1403

Contrast Checker

Text on white

3,28:1

AA Fail AAA Fail

Text on black

6,4:1

AA Pass AAA Fail

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