Orange color

Named after the fruit, which reached Europe from Asia by way of the Arabic naranj. It blends the energy of red with the cheerfulness of yellow. It's common on safety vests, sales signs and brands that want to feel friendly.

Orange · #FF8000

About orange

Orange (#FF8000) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 128 green and 0 blue (out of 255). It is mostly used in logos, signage, web, sports.

Orange shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with orange

Navy blueIts dark complement: a strong, elegant contrast.WhiteFresh and cheerful.GrayCalms orange and makes it modern.Coffee brownA warm fall palette.Olive greenA natural, retro mix.PurpleA bold, creative contrast.TurquoiseA tropical pair full of life.BeigeA soft, warm base.

How to wear and decorate with orange →

Orange color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Electric blue

AnalogousClose to: Red, Yellow

TriadicClose to: Mint green, Violet

Split complementaryClose to: Cyan, Blue

TetradicClose to: Neon green, Electric blue, Magenta

Orange color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Orange

Analogous palette · Orange

Complementary palette · Orange

Triadic palette · Orange

With neutrals palette · Orange

With an accent palette · Orange

Orange contrast with text

White textContrast 2.5:1 · Not recommended

Black textContrast 8.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --orange: #FF8000;
  --orange-rgb: 255, 128, 0;
}
.bg { background-color: var(--orange); }
.text { color: var(--orange); }

Colors similar to orange

Tangerine Pumpkin orange Carrot orange Neon orange Burnt orange Cinnamon Ochre Coral Orange red Mahogany

Themed palettes with this color

More oranges

Tangerine Pumpkin orange Carrot orange Apricot Peach Coral Terracotta Burnt orange Salmon Rust Copper Neon orange Pastel orange Orange red

Frequently asked questions

What is the hex code for orange?

The hex code for orange is #FF8000. In RGB it is rgb(255, 128, 0), in HSL hsl(30, 100%, 50%) and in CMYK 0, 50, 100, 0.

What is the complementary color of orange?

Its complement on the color wheel is #007FFF, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on orange?

Use black text instead: the contrast with white is only 2.5:1, while with black it is 8.3:1.

What colors go with orange?

It pairs well with navy blue, white, gray, coffee brown, olive green. Avoid pairing it with red or hot pink without neutrals, because the look gets loud. With bright yellow it can be too much.