Codes & values
- Color Name
Maroon - Color ID
KDF-C-08388608 - HEX
#800000 - RGB
rgb(128, 0, 0) - RGBA
rgba(128, 0, 0, 1) - HSL
hsl(0, 100%, 25%) - HSLA
hsla(0, 100%, 25%, 1) - HSV / HSB
hsv(0, 100%, 50%) - CMYK
cmyk(0%, 100%, 100%, 50%) - Light / Dark
dark
Quick answers
- What is the HEX code for Maroon?
- #800000
- What is Maroon RGB?
- rgb(128, 0, 0)
- What is Maroon HSL?
- hsl(0, 100%, 25%)
- What is Maroon CMYK?
- cmyk(0%, 100%, 100%, 50%)
What is Maroon?
Maroon is a curated red family color at #800000. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Maroon HEX code
The HEX code for Maroon is #800000. Paste it into CSS as color: #800000; or background-color: #800000;. Design tools accept the same six-digit value without the # prefix (800000).
Maroon RGB
Maroon in RGB is rgb(128, 0, 0) (channels R 128, G 0, B 0). Use RGB when you need opacity via rgba(128, 0, 0, 1).
Maroon HSL & HSV
HSL is hsl(0, 100%, 25%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(0, 100%, 50%), closer to how many digital pickers expose hue, saturation, and brightness.
Maroon CMYK
Approximate CMYK for Maroon is cmyk(0%, 100%, 100%, 50%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Maroon
Darker shades (mixed toward black): #6B0000, #550000, #400000, #2B0000, #150000. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Maroon
Lighter tints (mixed toward white): #952B2B, #AA5555, #C08080, #D5AAAA, #EAD5D5. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Maroon
Complementary pairing: #800000, #008080. Analogous neighbors: #800040, #800000, #804000. Triadic accents: #800000, #008000, #000080. Always check text contrast when pairing.
Maroon color combinations
A practical combo: primary #800000, complementary accent #008080, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #800000, #008040, #004080.
Maroon in web design
Red works as error states, sale badges, and urgent CTAs. Keep body text dark on light surfaces and reserve pure red for accents so pages do not feel alarming.
Maroon in branding
Brand reds feel bold and urgent — classic for food delivery, sports, and clearance campaigns. Contrast vs white is 10.95:1 (passes WCAG AA for normal text); vs black 1.92:1.
Frequently asked questions
- What is the HEX code for Maroon?
- Maroon: #800000.
- What is Maroon RGB?
- Maroon: rgb(128, 0, 0).
- What is Maroon HSL?
- Maroon: hsl(0, 100%, 25%).
- What is Maroon CMYK?
- Maroon: cmyk(0%, 100%, 100%, 50%).
- What colors go with Maroon?
- Try complementary #800000, #008080 or analogous #800040, #800000, #804000.
- Is Maroon good for text on white?
- Yes — contrast 10.95:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 10.95:1 (AA body text pass). Contrast vs black: 1.92:1. Complementary swatch: #800000, #008080.
Explore related
Red colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK