Orange Color Codes (Shades of Orange)

Orange sits between red and yellow — energetic, warm and highly visible, which is why it is used for safety gear and calls to action. This page lists 30 oranges: the six CSS named oranges and red-oranges (orange, darkorange, orangered, coral, tomato, lightsalmon) plus tangerine, burnt orange, pumpkin, persimmon, apricot, amber, carrot, safety orange and International orange, with HEX, RGB, HSL, HSV, CMYK and OKLCH codes, tints and shades, and the best text color for each.

How to use this tool

1. Choose a shade of orange from the list.
2. Copy its HEX, RGB, HSL or CMYK code from the results.
3. Use the tints and shades table for lighter and darker versions.
4. Compare all oranges in the full table or download the swatch chart.

Formula

tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°

c is each RGB channel and p the mixing amount (15–75%). CMYK uses the simple formula K = 1 − max(R′, G′, B′); printers convert with ICC profiles.

Example

Tangerine #F28500 = rgb(242, 133, 0) converts to CMYK 0%, 45%, 100%, 5.1%. CSS orange #FFA500 has the blue #005AFF as its complement — orange and blue are the classic complementary pair. Black text reads better than white on 29 of the 30 oranges here — 8.13:1 on tangerine.