Color Palettes

Sunset orange color

A warm coral-orange that recalls the sky just as the sun goes down. It is upbeat and inviting, ideal for summer branding, beach decor and travel graphics.

Also known as: Sunset.

Open in editor

The hex code for sunset orange is #FD5E53. In RGB it is rgb(253, 94, 83), in HSL hsl(4, 98%, 66%) and in CMYK 0, 63, 67, 1.

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 sunset orange

Living coral#FF6F61Tomato red#FF6347Vermilion#E34234Poppy red#E35335Bright red#EE4B2BBurnt sienna#E97451

About sunset orange

Sunset orange (#FD5E53) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 253 red, 94 green and 83 blue (out of 255). It is mostly used in branding, summer, graphic design.

Swatch of Sunset orange with its shades from light to dark · #FD5E53
Sunset orange · #FD5E53

Sunset orange 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

Sunset orange color harmonies

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

ComplementaryClose to: Pool blue
AnalogousClose to: Hot pink, Pastel orange
TriadicClose to: Malachite, Neon blue
Split complementaryClose to: Pale green, Cornflower blue
TetradicClose to: Kiwi green, Pool blue, Dark violet

Sunset orange color palettes

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

Monochromatic palette · Sunset orange
Analogous palette · Sunset orange
Complementary palette · Sunset orange
Triadic palette · Sunset orange
With neutrals palette · Sunset orange
With an accent palette · Sunset orange

Sunset orange contrast with text

White textContrast 3.0:1 · AA large text
Black textContrast 6.9:1 · AA

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

CSS code

:root {
  --sunset-orange: #FD5E53;
  --sunset-orange-rgb: 253, 94, 83;
}
.bg { background-color: var(--sunset-orange); }
.text { color: var(--sunset-orange); }

Colors similar to sunset orange

Fire engine redPomegranateCoralSalmon

Themed palettes with this color

Summer color palettesHappy color palettesCaribbean color palettesJungle color palettes

More oranges

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

Try this next

Name color paletteType a name and get your own color story paletteColor PlinkoDrop chips, bounce down the pegs, get a paletteColor Scratch-OffScratch a free ticket and reveal a palette
See all free tools →

Frequently asked questions

What is the hex code for sunset orange?

The hex code for sunset orange is #FD5E53. In RGB it is rgb(253, 94, 83), in HSL hsl(4, 98%, 66%) and in CMYK 0, 63, 67, 1.

What is the complementary color of sunset orange?

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

Can you use white text on sunset orange?

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