- No data uploaded
- Instant results
Dark Red — #8B0000
Dark Red is the CSS named colour darkred, hex #8B0000. It has a contrast ratio of 10.01:1 on white and 2.10:1 on black — readable as text on white backgrounds (WCAG AA).
Dark Red — #8B0000
Contrast on white 10.01:1 · on black 2.10:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Red in code
CSS: color: darkred; or color: #8B0000; · Tailwind: text-[#8B0000] · Android/Flutter: 0xFF8B0000
Dark Red colour harmonies
Complementary: #008B8B · Triadic: #008B00, #00008B · Analogous: #8B0046, #8B4600. Use tints for backgrounds and shades for hover states.
Dark Red in every colour format
| Format | Value |
|---|---|
| HEX | #8B0000 |
| RGB | rgb(139, 0, 0) |
| HSL | hsl(0, 100%, 27%) |
| HSV | hsv(0, 100%, 55%) |
| CMYK | cmyk(0%, 100%, 100%, 45%) |
| CSS name | darkred |
| Contrast on white | 10.01:1 |
| Contrast on black | 2.10:1 |
Frequently asked questions
What is the hex code for Dark Red?
#8B0000 (CSS name: darkred).
What is Dark Red in RGB?
rgb(139, 0, 0)
What colour goes well with Dark Red?
Its complementary colour #008B8B, or the analogous #8B0046 and #8B4600.