Shades of Orange

Explore the most common shades of orange with their hex codes. Find the perfect orange for your next design project.

From the deepest, most saturated tones to the lightest pastels, orange appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of orange, each with a precise hex code you can copy directly into your design tool.

Looking for the right pairing? See colors that go with orange. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.

Featured shade

Tangerine

Tangerine is the canonical orange in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.

HEX#FF9966
RGBrgb(255, 153, 102)
HSLhsl(20, 100%, 70%)
OKLCHoklch(77.9% 0.139 47)
CMYKcmyk(0%, 40%, 60%, 0%)

Colors that go with orange

Orange's complement is blue, so navy, teal, and sky blue all create high-impact pairings. For softer combinations, lean on cream, terracotta, and warm browns.

Need the perfect orange?

Download Colorframe to pick any shade of orange from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.