What is the hex code for Maroon?

The hex code for Maroon is #800000.

What is the RGB value of Maroon?

The RGB value of Maroon is rgb(128, 0, 0).

What is the HSL value of Maroon?

The HSL value of Maroon is hsl(0, 100%, 25%).

What is the HSV value of Maroon?

The HSV value of Maroon is hsv(0, 100%, 50%).

What CSS code do I use for Maroon?

Use background-color: #800000; for background, color: #800000; for text, or border: 1px solid #800000; for borders.

Maroon Hex #800000: HTML Color Code & Gradients

Maroon (#800000) Color Codes & Gradients

Color Preview

Make a gradient with Maroon →

Opens Maroon with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	maroon
Hex	#800000
RGB	rgb(128, 0, 0)
HSV	hsv(0, 100%, 50%)
HSL	hsl(0, 100%, 25%)
OKLCH	oklch(37.67% 0.1546 29.23)

What is the color name for #800000?

#800000 color name is Maroon.

Color Information

The HTML color Maroon has the hexadecimal code #800000 and in the RGB color space is composed of 50% red, 0% green, and 0% blue. The color Maroon has a hue angle of 0 degrees, a saturation of 100% and a lightness of 25.1%.

Maroon CSS Code Snippets

Background Color

.bg-maroon { background-color: #800000; }

Text Color

.text-maroon { color: #800000; }

Border Color

.border-maroon { border: 1px solid #800000; }

Shade Gradient

.gradient-shade-maroon { background: linear-gradient(135deg, #800000, #000000); }

Tint Gradient

.gradient-tint-maroon { background: linear-gradient(135deg, #800000, #FF3939); }

Monochromatic Gradient

.gradient-mono-maroon { background: linear-gradient(135deg, #800000, #C90000); }

Maroon Shades

#610000

#430000

#240000

#060000

#000000

Maroon Tints

#9F0000

#BD0000

#DC0000

#FA0000

#FF1A1A

#FF3939

Maroon Tones

#780808

#6F1111

#671919

#5F2121

#562A2A

#4E3232

Maroon Monochromatic

#C90000

#A40000

#800000

#5C0000

#370000

#130000

Similar Colors to Maroon

#80002B

#80001A

#800009

#800900

#801A00

#802B00

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator