Orange to RGB — Color Code

#ffa500
Format Value
HEX #ffa500
RGB rgb(255, 165, 0)
HSL hsl(38.8, 100%, 50%)
CMYK cmyk(0%, 35.3%, 100%, 0%)
HSV hsv(38.8, 100%, 100%)

orange color harmonies

Tints & shades of orange

Tints (lighter)

#ffad17 #ffb52e #ffbe46 #ffc65d #ffce74 #ffd68b #ffdea2 #ffe6b9 #ffefd1 #fff7e8

Shades (darker)

#e89600 #d18700 #b97800 #a26900 #8b5a00 #744b00 #5d3c00 #462d00 #2e1e00 #170f00

Contrast & accessibility

The quick brown fox

On white · 1.97:1 · Fail

The quick brown fox

On black · 10.63:1 · AAA

Recommended text color: #000000

Use orange in code

CSS color: #ffa500;
SCSS $color: #ffa500;
Tailwind bg-[#ffa500]
Swift UIColor(red: 1.000, green: 0.647, blue: 0.000, alpha: 1)
Android Color.parseColor("#ffa500")
Flutter Color(0xFFFFA500)

Colors similar to orange

Browse all Orange colors →

What is the RGB code for orange?

The CSS color orange in RGB format is rgb(255, 165, 0). Use this value directly in CSS, SVG, and most design tools.

How do I use orange in CSS?

To apply orange in CSS:

  • Text color: color: rgb(255, 165, 0);
  • Background: background-color: rgb(255, 165, 0);
  • Border: border-color: rgb(255, 165, 0);

What are all the color format values for orange?

FormatValue
HEX#ffa500
RGBrgb(255, 165, 0)
HSLhsl(38.8, 100%, 50%)
CMYKcmyk(0%, 35.3%, 100%, 0%)

How do I convert orange to RGB?

Select orange from the color name list in our color converter. The RGB value — rgb(255, 165, 0) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does orange belong to?

orange belongs to the orange color family. It is a medium, vivid color with HSL values: hue 38.8°, saturation 100%, lightness 50%.

How do I create lighter and darker shades of orange?

Lighter variant (lightness 65%): #ffc04d. Darker variant (lightness 35%): #b37300. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is RGB used for?

RGB defines colors using three values from 0 to 255 — red, green and blue intensity. It is the native format for screens, monitors and web browsers.