Color guide

Maroon Color

#800000

maroon color codes

HEX
#800000
RGB
rgb(128, 0, 0)
HSL
hsl(0, 100%, 25%)
OKLCH
oklch(50% 0.09 80)

What maroon means

Maroon is deep, controlled passion: the academic and vinous face of red.

How to use it in design

Distinguished for universities, wine and heritage brands.

Color combinations with maroon

Harmonies calculated with color theory for the base hue 0°.

Complementary

Maximum contrast: #800000 + #007F80

Open in editor

Analogous

Harmony at ±30°: #800040 · #800000 · #804000

Triadic

Even 120° spacing: #800000 · #008000 · #000080

maroon color shades (50–900 scale)

Ready-to-use tailwind-style scale generated from #800000.

50 #000000
100 #000000
200 #000000
300 #000000
400 #2B0202
500 #800000
600 #C90909
700 #EC2626
800 #EB5555
900 #EC7070

Colors that go well with maroon

FAQ about the maroon color

What is the HEX code of maroon?

A widely used hex value for maroon is #800000, which equals rgb(128, 0, 0). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (0°).

What colors go well with maroon?

maroon pairs beautifully with gold, cream, blush, navy. Its complementary color is #007F80, and a classic triadic scheme adds #008000 and #000080.

Is maroon accessible for text and backgrounds?

It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping maroon in text or UI elements.

Create your own maroon palette

Generate harmonious combinations from #800000 in seconds.

Open the palette generator