CSS Color: DarkRed
Named CSS color DarkRed — #8B0000 in HEX, rgb(139, 0, 0) in RGB, hsl(0, 100%, 27%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DarkRed | color: DarkRed; |
| HEX | #8B0000 | color: #8B0000; |
| RGB | rgb(139, 0, 0) | color: rgb(139, 0, 0); |
| HSL | hsl(0, 100%, 27%) | color: hsl(0, 100%, 27%); |
About DarkRed
DarkRed is an intense, deep red with very low lightness. Its hex value `#8B0000` features a red channel of 139 with zero green and blue, sitting at 0 degrees hue with full saturation but only 27% lightness. This creates a color reminiscent of dark wine or dried blood.
In web design, DarkRed is invaluable for text that needs to be red but must also meet accessibility contrast requirements. Against white, DarkRed achieves approximately 8.2:1 contrast, easily passing WCAG AAA for all text sizes. This makes it one of the best choices for red-colored text on light backgrounds.
DarkRed conveys seriousness, elegance, and formality. It is commonly used in error text, legal notices, and premium branding. Combined with gold accents, it creates a classic luxury aesthetic popular in wine, fashion, and finance websites.
DarkRed pairs well with ivory, cream, gold, and light gray. It also works as a hover or active state for lighter red buttons. In Tailwind CSS, `red-900` or `red-800` closely approximate DarkRed.
FAQ
What is the hex code for DarkRed?
The CSS named color DarkRed has the hex code #8B0000. You can use it in CSS as color: #8B0000; or simply color: DarkRed;.
What is DarkRed in RGB?
In RGB notation, DarkRed is rgb(139, 0, 0). Use it in CSS as color: rgb(139, 0, 0);.
What is DarkRed in HSL?
In HSL notation, DarkRed is hsl(0, 100%, 27%). Use it in CSS as color: hsl(0, 100%, 27%);.
What color category is DarkRed?
DarkRed belongs to the Red color family in the CSS named colors specification.
Can I use the name "DarkRed" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DarkRed; or background-color: DarkRed; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert DarkRed to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →