Maroon Colors  ·  Color Library

Palettes / Colors / #800021

#800021 — Deep Vivid Red

#800021 is a red color we call Deep Vivid Red, closest to the named color Maroon (#800020). It belongs to the red family.

#800021 is a warm red color associated with energy, passion and urgency. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #008060; it also sits naturally between #800060 and #802000. In the palettes below you can see it working alongside real color combinations from our collection.

#800021 · RGB 128, 0, 33

Download PNG swatch SVG

Color values

HEX#800021
RGB128, 0, 33
HSL345°, 100%, 25%
HSV345°, 100%, 50%
CMYK0%, 100%, 74%, 50%
XYZ9.18, 4.70, 1.86
Yxy4.70, 0.5831, 0.2986
CIE-Lab25.86, 48.95, 20.64
Hunter Lab21.68, 39.40, 9.24

RGB & CMYK percentages

Red 50% · Green 0% · Blue 13%

Cyan 0% · Magenta 100% · Yellow 74% · Key 50%

Previews

Sample text in #800021 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #800021 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #800021

.text { color: #800021; }
.background { background-color: #800021; }
.border { border: 3px solid #800021; }
.text-rgb { color: rgb(128, 0, 33); }
.text-hsl { color: hsl(345, 100%, 25%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #800021; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(128, 0, 33, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #800021; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(128, 0, 33, 0.8); }

HTML: <p style="color:#800021">Text here</p> · <div style="background-color:#800021">Div content here</div>

Shades of #800021

#75001D#6B001B#610018#570016#4D0013#3D000F#33000D#29000A#1F0008#140005

Tints of #800021

#A30029#C70032#EB003B#FF0F4B#FF386A#FF5C85#FF809F#FFA3BA#FFC7D5#FFEBF0

Tones of #800021

#770924#6D1229#641B2E#5B2432#522D37#49373B

Color harmonies

Complementary — #008060:

Analogous:

Triadic:

Contrast & accessibility

Against white text10.83:1 AAA
Against black text1.94:1 Fails

Best text color on #800021: #FFFFFF.

How #800021 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #494719Deuteranopia · #505A17Tritanopia · #7A1311

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Brown 500 · #795548Tailwind red 600 · #DC2626Bootstrap dark · #212529

Palettes with #800021 or a close neighbour

Maroon Velvet
#800020 · #B03060 · #E8B4B8 · #F5E6E0
Burgundy Wine Night
#2B0A12 · #5C1220 · #800020 · #C9A86A
Ruby Mosaic
#800020 · #F3E6D5 · #FFF9F2 · #D45060
Palette 780c28
#780C28 · #CAE0BC · #EAFAEA · #6E8E59
Palette 191919
#191919 · #750E21 · #E3651D · #BED754
Velvet Ruby
#790D16 · #E5D3AF · #F5EFE1 · #AEC4D4

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#800020#780C28#750E21#790D16#760031#791128#8B0F1A#740E2A#871228#8E0E27#6D071A#7D132C

Browse neighbouring colors

← #800020  ·  #800022 →

Frequently asked questions

What color is #800021?

#800021 is Deep Vivid Red, a red color (RGB 128, 0, 33). Its closest standard named color is Maroon.

What is the RGB and HSL of #800021?

#800021 is RGB 128, 0, 33 — HSL 345°, 100%, 25% — CMYK 0%, 100%, 74%, 50%.

What colors go with #800021?

Its complement is #008060; analogous partners are #800060 and #802000. It also appears in 6+ palettes in our collection.

Can I use #800021 for text?

White text on #800021 has a contrast ratio of 10.83:1 (passes WCAG AA); black text gives 1.94:1.