Sunset Orange

#FD5E53

What color is Sunset Orange?

Sunset orange is a vivid warm red-orange, hex #FD5E53, with a brightness that stops short of pure red. It carries clear orange warmth, close to the skin of a ripe nectarine.

What is the meaning of the color Sunset Orange?

Named for the band of color visible at the horizon during evening light, sunset orange entered design and consumer use prominently in the mid-20th century as synthetic dyes made bright warm oranges reproducible at scale. The name itself reflects a long tradition of naming colors after natural phenomena, a practice documented in color dictionaries by the early 1900s. Crayola introduced a crayon called Sunset Orange in 1998, giving the name broad recognition among general audiences. That product line helped anchor the color as a distinct, nameable shade separate from coral or tomato red.

RGB
253, 94, 83
HSL
4°, 98%, 66%
CMYK
0, 63, 67, 1
HSV
4°, 67%, 99%
Sunset orange color

What colors go with Sunset Orange?

Colors that pair well with Sunset orange include:
Deep navy: strong, grounding contrast
Soft cream: warm, gentle balance
Burnt sienna: tonal depth
Forest green: bold complementary pairing
Dusty rose: softens the warmth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FD5E53 color: #FD5E53;
RGB 253, 94, 83 color: rgb(253, 94, 83);
RGB Percentage 99%, 37%, 33% color: rgb(99%, 37%, 33%);
CMYK 0%, 63%, 67%, 1% Not supported in CSS
HSL 4°, 98%, 66% color: hsl(4, 98%, 66%);
HSV 4°, 67%, 99% Not supported in CSS
CIE-LAB 53, 32, 4 color: lab(53% 32 4);
Decimal 16604755 Not supported in CSS

Color Variations

Shades

#FD5F53
#FD4032
#FD2011
#E91202
#C80F02
#A70D02
#850A01
#640801

Tints

#FECFCC
#FEBFBA
#FEAFA9
#FE9F98
#FE8F87
#FE7F76
#FD6F65
#FD5F53

Tones

#FD5F53
#F5665C
#EC6D64
#E4756D
#DB7C75
#D3837E
#CA8B86
#C2928F

Hues

#FD5F53
#FDDE53
#9DFD53
#53FD89
#53F2FD
#5372FD
#B453FD
#FD53C7

Color Harmonies

Analogous

#FD539D
Click to copy
#FD5E53
Click to copy
#FDB453
Click to copy

Complementary

#FD5E53
Click to copy
#53F2FD
Click to copy

Split Complementary

#FD5E53
Click to copy
#53FDB4
Click to copy
#539DFD
Click to copy

Triadic

#FD5E53
Click to copy
#53FD5F
Click to copy
#5F53FD
Click to copy

Tetradic

#FD5E53
Click to copy
#9DFD53
Click to copy
#53F2FD
Click to copy
#B453FD
Click to copy

Square

#FD5E53
Click to copy
#9DFD53
Click to copy
#53F2FD
Click to copy
#B453FD
Click to copy

CSS & Dev Snippets

CSS
.sunset-orange {
  color: #FD5E53;
}
SCSS
$sunset-orange: #FD5E53;
RGB
rgb(253, 94, 83)

Accessibility & Contrast

White background

3.04:1
3.04
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.90:1
6.90
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags