maroon Color Codes

Color Preview: Maroon
Maroon Color Values
Related Colors

Complementary

#7fffff

Analogous

#804000
#800040

Triadic

#008000
#000080

Tetradic

#408000
#008080
#400080
HTML Snippets
.element { background-color: #800000; }
.element { color: #800000; }

This is how the text color would appear.

<span style="color: #800000;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black1.92 (Fail)
White10.95 (AAA)
Shades of Maroon
#000000
#330000
#800000
#cc0000
#ff1a1a
Color Blindness Simulations

Protanopia (Red-Blind)

#49471f

Deuteranopia (Green-Blind)

#505a26

Tritanopia (Blue-Blind)

#7a373d

Related Palettes

This color is not part of any predefined palettes.

About maroon

maroon (#800000) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.