Rich Dark Red Earth
Category: Red
Maroon (#800000) — Color Codes, Meaning & UI Palettes
Maroon derived from the French word marron (chestnut). It radiates academic tradition, historical gravitas, dignified strength, and harvest warmth.
Click to Copy HEX
Maroon
#800000
HEX
#800000
RGB
rgb(128, 0, 0)
HSL
hsl(0deg, 100%, 25%)
CMYK (Print)
cmyk(0%, 100%, 100%, 50%)
Apple Display P3
color(display-p3 0.502 0.000 0.000)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
10.95:1 (AAA)
Black Text (#000000)
1.92:1 (Fail)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F7F0F0
100
#EBD6D6
200
#D6ADAD
300
#BD7A7A
400
#9E3D3D
500
#800000
600
#660000
700
#4D0000
800
#330000
900
#1C0000
950
#0F0000
Color Harmonies & Palette Schemes
Complementary
#007F80
Opposite 180° Contrast
Analogous -30°
#800040
Natural Harmony
Analogous +30°
#804000
Natural Harmony
Triadic +120°
#008000
120° Balanced Triad
Triadic +240°
#000080
120° Balanced Triad
Curated UI Design Pairings for Maroon
Popular in prestigious university portals, legal directories, and heritage craft branding. Achieves AAA contrast against light backgrounds.
Warm Parchment
#FAF6EE
High-Contrast Canvas
Antique Gold
#C5A059
Prestige Trim Accent
Charcoal Slate
#2D3748
Secondary Typography
Almond Linen
#F2E8CF
Muted Container Box
Export Maroon Code Snippets
CSS Variable
--color-maroon-color: #800000;
Tailwind Config
'maroon-color': '#800000'
Swift / SwiftUI
Color(hex: "#800000")
JSON Design Token
{"name": "Maroon", "hex": "#800000"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.