Color Palettes

Orange peel color

A bright, golden orange like the skin of a fresh orange. It is cheerful and clean, and it brightens up web layouts, sportswear and summer party decor.

Also known as: Peel orange.

Open in editor

The hex code for orange peel is #FFA000. In RGB it is rgb(255, 160, 0), in HSL hsl(38, 100%, 50%) and in CMYK 0, 37, 100, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to orange peel

Bright orange#FFAC1CCantaloupe#FFA62FDark orange#FF8C00Carrot orange#ED9121Marigold#EAA221Tangerine#F28500

About orange peel

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

Swatch of Orange peel with its shades from light to dark · #FFA000
Orange peel · #FFA000

Orange peel shades and tints

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

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Orange peel color harmonies

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

ComplementaryClose to: Neon blue
AnalogousClose to: Scarlet, Fluorescent yellow
TriadicClose to: Spring green, Violet
Split complementaryClose to: Pool blue, Blue
TetradicClose to: Neon green, Neon blue, Magenta

Orange peel color palettes

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

Monochromatic palette · Orange peel
Analogous palette · Orange peel
Complementary palette · Orange peel
Triadic palette · Orange peel
With neutrals palette · Orange peel
With an accent palette · Orange peel

Orange peel contrast with text

White textContrast 2.0:1 · Not recommended
Black textContrast 10.3:1 · AAA

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

CSS code

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

Colors similar to orange peel

Harvest goldPastel orangeOrangeHoney

Where you'll see this color

AmazonBrandsLos Angeles RamsTeam colors

Themed palettes with this color

Birthday color palettesGym color palettesNeon color palettesSummer color palettesHalloween color palettesDay of the Dead color palettes

More oranges

OrangeTangerinePumpkin orangeCarrot orangeApricotPeachCoralTerracottaBurnt orangeSalmonRustCopperNeon orangePastel orangeOrange redPersimmonMangoBurnt siennaLight salmonDark orangeSafety orangeAtomic tangerineMelonLiving coral
Swatch of Orange peel with its shades from light to dark · #FFA000
Swatch of Orange peel with its shades from light to dark · #FFA000

Try this next

Name color paletteType a name and get your own color story palette16 personality type colorsTake an 8-question quiz and get your image colorToday's lucky colorYour daily lucky color by zodiac sign
See all free tools →

Frequently asked questions

What is the hex code for orange peel?

The hex code for orange peel is #FFA000. In RGB it is rgb(255, 160, 0), in HSL hsl(38, 100%, 50%) and in CMYK 0, 37, 100, 0.

What is the complementary color of orange peel?

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

Can you use white text on orange peel?

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