What is the hex code for Orange?

The hex code for Orange is #FFA500. In RGB that is rgb(255, 165, 0), and in HSL it is hsl(39, 100%, 50%).

What RGB values make Orange?

Orange is 255 red, 165 green, and 0 blue, written as rgb(255, 165, 0).

Orange scores 1.97:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: orange directly in CSS, which every browser resolves to #FFA500.

#FFA500

Orange is an orange tone at #FFA500. It sits at 39 degrees on the color wheel with 100% saturation and 50% lightness.

Color values

Tints mix Orange with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFEDCC

Tint 60%

#FFDB99

Tint 40%

#FFC966

Tint 20%

#FFB733

Base

#FFA500

Shade 20%

#CC8400

Shade 40%

#996300

Shade 60%

#664200

Shade 80%

#332100

On white

Sample text

1.97:1

Fails WCAG for text

On black

Sample text

10.63:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Orange?: The hex code for Orange is #FFA500. In RGB that is rgb(255, 165, 0), and in HSL it is hsl(39, 100%, 50%).
What RGB values make Orange?: Orange is 255 red, 165 green, and 0 blue, written as rgb(255, 165, 0).
Is Orange readable as text on a white background?: Orange scores 1.97:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Orange a valid CSS color name?: Yes. You can write color: orange directly in CSS, which every browser resolves to #FFA500.