Coloried

Maroon
#800000

What is Color Maroon

Maroon color is a intense shade of dark red. Its Hex and RGB values are #800000 and rgb(128, 0, 0), its CMYK values are cmyk(0%, 100%, 100%, 50%), and its HSL values are hsl(0, 100%, 25%). Against white, it has a contrast ratio of 10.95:1, while against black, the contrast ratio is 1.92:1. Its complementary color is #008080 and closest tailwind color is red-900. This color goes well with #800040 and #804000. To recreate the Maroon color, you can mix #ff0000 and #010000.

Image Preview

Maroon color swatch with #800000
Maroon color swatch #800000
1. Color Conversions
HEX#800000
RGB128, 0, 0
HSL0°, 100%, 25%
HSV0°, 100%, 50%
CMYK0%, 100%, 100%, 50%
Web Safe#990000
2. Contrast Ratio
Text on #FFFFFF10.95:1
AAA LargeAAA Normal
Text on #0000001.92:1
Fail LargeFail Normal
3. Maroon Color Code in CSS
HEX
#800000
RGB
rgb(128, 0, 0)
HSL
hsl(0, 100%, 25%)
Text Color
color: #800000;
Background
background-color: #800000;
Border Color
border-color: #800000;
Box Shadow
box-shadow: 0 4px 14px 0 #80000080;
SCSS
$color-maroon: #800000;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
About Maroon
Color NameMaroon
HEX#800000
Color Family
red
X11 NameMaroon
LAB37.67, 13.49, 7.55
Preview Text
Aa