Orange #FFA500

#FFA500Orange
HEX#FFA500
RGBrgb(255, 165, 0)
HSLhsl(39, 100%, 50%)
HSVhsv(39, 100%, 100%)
OKLCHoklch(79.3% 0.171 70.7)
OKLABoklab(79.3% 0.057 0.161)
CMYKcmyk(0%, 35%, 100%, 0%)

Orange (#FFA500) is a light, highly saturated orange hue. The CSS orange keyword is warm and friendly, often used for calls to action and warnings that are less severe than red.

In RGB it is made of 255 red, 165 green and 0 blue. Its HSL hue angle is 39° with 100% saturation and 50% lightness, while its perceptual OKLCH lightness is 79% with a chroma of 0.171. For print, a starting CMYK mix is 0% cyan, 35% magenta, 100% yellow and 0% black.

As a text color on white, Orange has a contrast ratio of 1.97:1, which fails WCAG AA even for large text. On black it reaches 10.63:1 and passes AA for normal text. If you use Orange as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 66 for black text and Lc -42 for white text.

Its perceptual complement is #85C0FF, close to baby blue. Colors that look most similar are amber, tangerine, coral. It looks fairly similar to people with red-green color blindness (ΔE 9), so its meaning mostly survives.

Contrast

Text on white · 1.97:1 ✗
Text on black · 10.63:1 AA ✓
White on Orange · APCA Lc -42
Black on Orange · APCA Lc 66

Shades and tints of orange

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How orange looks with color blindness

Protanopia: #C3AC00Deuteranopia: #D9C10ETritanopia: #FF8E8DAchromatopsia: #B8B8B8

Similar colors

Amber#FFBF00Tangerine#F28500Coral#FF7F50Tan#D2B48CSand#C2B280Dusty Rose#DCAE96Gold#FFD700Mustard#FFDB58

FAQ

What is the hex code for orange?

The hex code for orange is #FFA500, which is rgb(255, 165, 0) in RGB.

What text color goes on orange?

Black text. Its contrast with orange is 10.63:1.

What color is the complement of orange?

The perceptual (OKLCH) complement of #FFA500 is #85C0FF.

← All named colors