What is the HEX code for Orange?

The HEX code for Orange is #FFA500.

What is the RGB value for Orange?

Orange uses RGB values 255,165,0.

Can I use Orange directly in CSS?

Yes. You can use the named CSS color orange, the HEX value #FFA500, or rgb(255,165,0).

HTML named color

Orange color code

Use the Orange HTML color with HEX #FFA500, RGB 255,165,0 and HSL 39,100%,50%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast

Oranges

#FFA500

rgb(255,165,0)

HEX

#FFA500

RGB

rgb(255,165,0)

HSL

hsl(39,100%,50%)

CSS name

orange

How to use this color

Orange can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-orange {
  color: #FFA500;
}

.bg-orange {
  background-color: orange;
}

.border-orange {
  border-color: rgb(255,165,0);
}

Shades palette

#332100#744C02#B77906#F4A20B#F4BA4E#F6D392#FAECD1

Related HTML colors

OrangeRed

#FF4500

Tomato

#FF6347

DarkOrange

#FF8C00