What does the color Maroon mean?

Red

Maroon

#800000

#993333

#b36666

#cc9999

#e6cccc

#801a1a

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

Maroon is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Maroon (#800000) in CSS as color: maroon; or as #800000.

Preview

Maroon

#800000

Overview

Family: Red

Accessibility on this swatch:

AAA

(10.95:1)

Contrast vs white: 10.95:1 · vs black: 1.92:1

Formats

HEX

#800000

RGB

rgb(128, 0, 0)

RGBA

rgba(128, 0, 0, 1)

HSL

hsl(0, 100%, 25%)

HSV

hsv(0, 100%, 50%)

LAB

lab(25.54% 48.05 38.06)

LCH

lch(25.54% 61.3 38.38)

OKLAB

oklab(0.3767 0.1349 0.0755)

OKLCH

oklch(0.3767 0.1546 29.23)

XYZ

xyz(8.90, 4.59, 0.42)

CMYK

cmyk(0%, 100%, 100%, 50%)

CSS

color: #800000;

CSS variable

--color-800000: #800000;

SCSS

$color-800000: #800000;

Tailwind

slate-700

Export

Developer code

:root {
  --maroon-1: #800000;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#993333

#b36666

#cc9999

#e6cccc

#801a1a

#803333

#804d4d

#806666

Similar colors

#8b0000

#a52a2a

#8a320a

#b22222

#7f2e15

#903b13

#a43a0a

#a43f13

Browse more in the color name library.