UI Shades

A study in brown

Maroon

#800000

Family
Brown
L
0.377
C
0.155
H
29°

Notes

Maroon entered English from the French marron, meaning chestnut, and lived for centuries as the heraldic colour of Welsh rugby and Texas A&M before HTML 3.2 standardised the hex in 1997. The CSS value is low-lightness brick red - closer to dried wine than to fresh fruit. Heritage brands in fashion and academia have leaned on it because the depth reads as serious without going corporate. Pair it with a warm cream #fef3c7 for a Penguin Classics feel, or with brushed brass for editorial. Body text against white passes AAA at every standard size, making Maroon one of the few CSS spec colours that holds up confidently as long-form type.

#800000
Maroon
Maroon
#800000
oklch(0.377 0.155 29.23)
rgb(128 0 0)
hsl(0 100% 25.1%)
Share
#fff3ef
#ffebe5
#ffd6cd
#ffbeb1
#ff8877
#e94f3f
#cc3125
#ae1911
#800000
#5d0000
#350000

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 Maroon

Cross-reference
Q&A

Frequently asked questions

What is Maroon?

Maroon entered English from the French marron, meaning chestnut, and lived for centuries as the heraldic colour of Welsh rugby and Texas A&M before HTML 3.2 standardised the hex in 1997. The CSS value is low-lightness brick red - closer to dried wine than to fresh fruit. Its hex code is #800000.

What are the tints and shades of Maroon?

uishades builds an 11-step OKLCH ramp for Maroon (#800000) - 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 Maroon?

Its complementary color is #004D5A. Triadic partners are #00540D and #233492; analogous neighbours are #6A2E00 and #7B003F.

What are the OKLCH and RGB values of Maroon?

Maroon is #800000 - OKLCH 0.377 0.155 29°, rgb(128 0 0), in the brown family.