Sunset Orange

Online color picker to view shades, tints, color codes, and complementary colors

Sunset Orange color codes graphic
Sunset Orange is an intense, saturated red-orange with high visual impact. Due to its brightness, it performs best as a small accent rather than a background color. Pair it with deep charcoal or slate gray to ground its energy. The hex code for this color is #fd5e53, and black text remains readable against it for accessible UI buttons and call-to-action highlights.

Questions about Sunset Orange

What is the hex code for Sunset Orange?
Sunset Orange is #fd5e53. In RGB that is rgb(253, 94, 83), in HSL hsl(4, 98%, 66%) and in CMYK 0%, 63%, 67%, 1%.
How can I best use Sunset Orange #fd5e53 in a website design?
Sunset Orange #fd5e53 is an extremely high-energy color that creates visual fatigue when used as a background. Instead, reserve it for small, high-impact elements like call-to-action buttons, notification badges, or urgent alerts where you need to draw the eye immediately.
What colors pair well with #fd5e53 for a balanced palette?
To ground the intense brightness of #fd5e53, pair it with neutral, darker tones like charcoal or slate. These deep colors act as an anchor, allowing the vibrancy of the orange to stand out without overwhelming the surrounding design elements.
Is Sunset Orange readable on white or black?
Sunset Orange has a 3.04:1 contrast ratio on white and 6.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.