Pastel orange color

A soft, bright version of orange with plenty of yellow. It's cheerful without being loud. You'll see it at kids' parties, on stationery and as a background on friendly-looking websites.

Also known as: light orange.

Pastel orange · #FFB347

About pastel orange

Pastel orange (#FFB347) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 255 red, 179 green and 71 blue (out of 255). It is mostly used in kids, home decor, web.

Pastel orange shades and tints

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

Pastel orange color harmonies

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

ComplementaryClose to: Dodger blue

AnalogousClose to: Tomato red, Pear

TriadicClose to: Mint green, Neon purple

Split complementaryClose to: Cyan, Neon blue

TetradicClose to: Spring green, Dodger blue, Shocking pink

Pastel orange color palettes

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

Monochromatic palette · Pastel orange

Analogous palette · Pastel orange

Complementary palette · Pastel orange

Triadic palette · Pastel orange

With neutrals palette · Pastel orange

With an accent palette · Pastel orange

Pastel orange contrast with text

White textContrast 1.8:1 · Not recommended

Black textContrast 11.8:1 · AAA

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

CSS code

:root {
  --pastel-orange: #FFB347;
  --pastel-orange-rgb: 255, 179, 71;
}
.bg { background-color: var(--pastel-orange); }
.text { color: var(--pastel-orange); }

Colors similar to pastel orange

Honey Cantaloupe Marigold Goldenrod Carrot orange Harvest gold Caramel Mustard yellow Metallic gold Saffron

Themed palettes with this color

Frequently asked questions

What is the hex code for pastel orange?

The hex code for pastel orange is #FFB347. In RGB it is rgb(255, 179, 71), in HSL hsl(35, 100%, 64%) and in CMYK 0, 30, 72, 0.

What is the complementary color of pastel orange?

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

Can you use white text on pastel orange?

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