UI Shades

A study in orange

Orange Red

#FF4500

Family
Orange
L
0.660
C
0.229
H
35°

Notes

Orange Red is the colour of a propane flame at its hottest visible band, and the CSS value carries that urgency. Reddit picked a hex in this family for its upvote button in 2008 because the eye locks onto it without conscious effort - useful for an action that needs a single decisive click. The flip side is that large fields of Orange Red fatigue the retina within seconds. Reserve it for primary CTAs against a deep navy #1e3a8a page or as type on cream. Body text in Orange Red against white falls below AA at body sizes; the value should function as accent rather than as copy.

#ff4500
Orange Red
Orange Red
#ff4500
oklch(0.66 0.229 35.4)
rgb(255 69 0)
hsl(16.2 100% 50%)
Share
#fff4ed
#ffece3
#ffd7c9
#ffbeaa
#ff8a69
#ff4500
#d71500
#b30700
#870000
#600000
#390000

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Orange Red

Cross-reference
Q&A

Frequently asked questions

What is Orange Red?

Orange Red is the colour of a propane flame at its hottest visible band, and the CSS value carries that urgency. Reddit picked a hex in this family for its upvote button in 2008 because the eye locks onto it without conscious effort - useful for an action that needs a single decisive click. Its hex code is #FF4500.

What are the tints and shades of Orange Red?

uishades builds an 11-step OKLCH ramp for Orange Red (#FF4500) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Orange Red?

Its complementary color is #00A6C7. Triadic partners are #00B25C and #737FFF; analogous neighbours are #D67800 and #FB3A7E.

What are the OKLCH and RGB values of Orange Red?

Orange Red is #FF4500 - OKLCH 0.660 0.229 35°, rgb(255 69 0), in the orange family.