Dark Red color codes
| CSS name | darkred |
|---|---|
| HEX | #8B0000 |
| RGB | rgb(139, 0, 0) |
| HSL | hsl(0, 100%, 27%) |
| CMYK | cmyk(0%, 100%, 100%, 45%) |
| Decimal | 9109504 |
Shades of Dark Red (darker)
#7D0000 · #6F0000 · #610000 · #530000 · #460000 · #380000 · #2A0000 · #1C0000 · #0E0000
Tints of Dark Red (lighter)
#971A1A · #A23333 · #AE4D4D · #B96666 · #C58080 · #D19999 · #DCB3B3 · #E8CCCC · #F3E6E6
Color harmonies
| Complementary | #008A8A |
|---|---|
| Triadic | #008A00, #00008A |
| Analogous | #8A0045, #8A4500 |
Accessibility (WCAG contrast)
| White text on Dark Red | 10.01:1 · AAA |
|---|---|
| Black text on Dark Red | 2.10:1 · Fail |
Use Dark Red in code
.element {
color: darkred; /* or #8b0000 */
background-color: rgb(139 0 0 / 0.5);
}Frequently asked questions
What is the hex code for Dark Red?
Dark Red is #8B0000 in HEX, rgb(139, 0, 0) in RGB and hsl(0, 100%, 27%) in HSL.
Can I use "darkred" directly in CSS?
Yes. "darkred" is one of the 148 standard CSS named colors, so color: darkred; works in every browser.
Is Dark Red readable on white?
The contrast ratio of Dark Red on white is 10.01:1 (WCAG AAA). On black it is 2.10:1 (Fail).
What is the complementary color of Dark Red?
The complementary color (opposite on the color wheel) is #008A8A.
Similar colors
Maroon#800000Fire Brick#B22222Brown#A52A2ASaddle Brown#8B4513Sienna#A0522DCrimson#DC143CRed#FF0000Olive#808000
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.