HTML named color
Maroon color code
Use the Maroon HTML color with HEX #800000, RGB 128,0,0 and HSL 0,100%,25%. Copy CSS examples, shades and accessible contrast combinations.
Bruns
#800000
rgb(128,0,0)
HEX
#800000RGB
rgb(128,0,0)HSL
hsl(0,100%,25%)OKLCH
oklch(37.7% 0.155 29.2)CSS name
maroonHow to use this color
Maroon can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-maroon {
color: #800000;
}
.bg-maroon {
background-color: maroon;
}
.border-maroon {
border-color: rgb(128,0,0);
}Shades palette
#330000#740202#B70606#F40B0B#F44E4E#F69292#FAD1D1