UI Shades

A study in brown

Dark Red

#8B0000

Family
Brown
L
0.400
C
0.164
H
29°

Notes

Dark Red is the deep, slightly brown-leaning red of dried blood and aged wine. The CSS hex is one of the most legible red shades on white because the depth pushes it firmly above AA contrast thresholds for normal text. It is a workhorse for financial, automotive, and luxury brands where seriousness matters more than energy. Cream alongside gives editorial palettes; deep navy makes a richer tonal stack. Use sparingly - large fields of dark red read as heavy and can feel ominous in unintended contexts. Body text against white passes AAA at all standard sizes.

#8b0000
Dark Red
Dark Red
#8b0000
oklch(0.4 0.164 29.23)
rgb(139 0 0)
hsl(0 100% 27.3%)
Share
#fff3ef
#ffebe5
#ffd6cd
#ffbeb1
#ff8877
#ee4839
#d0271c
#b20704
#8b0000
#5f0000
#370000

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 Dark Red

Cross-reference
Q&A

Frequently asked questions

What is Dark Red?

Dark Red is the deep, slightly brown-leaning red of dried blood and aged wine. The CSS hex is one of the most legible red shades on white because the depth pushes it firmly above AA contrast thresholds for normal text. Its hex code is #8B0000.

What are the tints and shades of Dark Red?

uishades builds an 11-step OKLCH ramp for Dark Red (#8B0000) - 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 Dark Red?

Its complementary color is #005461. Triadic partners are #005B11 and #27399E; analogous neighbours are #733300 and #850045.

What are the OKLCH and RGB values of Dark Red?

Dark Red is #8B0000 - OKLCH 0.400 0.164 29°, rgb(139 0 0), in the brown family.