What is the hex code for Orange?

The hex code for Orange is #FFA500.

What is the RGB value of Orange?

The RGB value of Orange is rgb(255, 165, 0).

What is the HSL value of Orange?

The HSL value of Orange is hsl(39, 100%, 50%).

What is the HSV value of Orange?

The HSV value of Orange is hsv(39, 100%, 100%).

What CSS code do I use for Orange?

Use background-color: #FFA500; for background, color: #FFA500; for text, or border: 1px solid #FFA500; for borders.

Orange Hex #FFA500: HTML Color Codes & CSS

Orange (#FFA500) Color Codes & Conversions

Color Preview

Make a gradient with Orange →

Opens Orange with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around Orange? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	orange
Hex	#FFA500
RGB	rgb(255, 165, 0)
HSV	hsv(39, 100%, 100%)
HSL	hsl(39, 100%, 50%)
OKLCH	oklch(79.27% 0.171 70.67)

What is the color name for #FFA500?

#FFA500 color name is Orange.

Color Information

The HTML color Orange has the hexadecimal code #FFA500 and in the RGB color space is composed of 100% red, 65% green, and 0% blue. The color Orange has a hue angle of 38.8 degrees, a saturation of 100% and a lightness of 50%.

Orange CSS Code Snippets

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

.text-orange { color: #FFA500; }

.border-orange { border: 1px solid #FFA500; }

.gradient-shade-orange { background: linear-gradient(135deg, #FFA500, #A36A00); }

.gradient-tint-orange { background: linear-gradient(135deg, #FFA500, #FFC55C); }

.gradient-mono-orange { background: linear-gradient(135deg, #FFA500, #DB8D00); }

Orange Shades

#F09B00

#E09100

#D18700

#C27D00

#B37300

#A36A00

Orange Tints

#FFAA0F

#FFB01F

#FFB52E

#FFBB3D

#FFC04D

#FFC55C

Orange Tones

#EEA011

#DE9B21

#CD9632

#BD9242

#AC8D53

#9C8863

Orange Monochromatic

#DB8D00

#B67600

#925E00

#6D4700

#492F00

#241800

Similar Colors to Orange

#FF5000

#FF7200

#FF9400

#FFB600

#FFD800

#FFFA00

Orange Color Harmonies

Complementary Open in the color wheel →

#FFA500

#005AFF

Analogous Open in the color wheel →

#FF005A

#FF2500

#FFA500

#DAFF00

#5AFF00

Triadic Open in the color wheel →

#FFA500

#00FFA5

#A500FF

Split Complementary Open in the color wheel →

#FFA500

#00DAFF

#2500FF

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

Orange (#FFA500) Color Codes & Conversions

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #FFA500?

Color Information

Orange CSS Code Snippets

Orange Shades

Orange Tints

Orange Tones

Orange Monochromatic

Similar Colors to Orange

Orange Color Harmonies

Generate a Gradient