CSS named color

DarkRed #8B0000

DarkRed is a dark red with the hex code #8B0000, which converts to rgb(139, 0, 0). Open #8B0000 in the converter to tweak it.

DarkRed color values

How #8B0000 converts to RGB

Split the hex code into three pairs and read each pair as a base-16 number: 8B → 139, 00 → 0, 00 → 0. That gives rgb(139, 0, 0). The step-by-step guide explains the math.

Shades of DarkRed

Mixed toward black in 10% steps. Click a swatch to copy its hex.

Tints of DarkRed

Mixed toward white in 10% steps.

Color harmonies

Hue rotations of DarkRed on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.

Complementary

Analogous

Split-complementary

Triadic

Tetradic (square)

Contrast and accessibility

Use white text on a darkred background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.

Use DarkRed in CSS

.element {
  color: darkred;                         /* keyword */
  background-color: #8B0000;            /* hex */
  border-color: rgb(139 0 0 / 50%);    /* 50% transparent */
}

Need it semi-transparent? Append an alpha byte: #8B000080 is DarkRed at 50% opacity. See RGBA & transparency.

Similar named colors

FAQ

What is the HEX code for DarkRed?

The CSS named color darkred is #8B0000 in hexadecimal. In CSS you can write color: darkred; or color: #8B0000; — both produce the same pixel.

What is DarkRed in RGB?

DarkRed is rgb(139, 0, 0): red 139, green 0, blue 0 on the 0–255 scale. As normalized 0–1 floats that is (0.545, 0, 0).

Is white or black text more readable on DarkRed?

White text is more readable. White on #8B0000 has a contrast ratio of 10.01:1 (AAA), black on #8B0000 has 2.09:1 (Fail). WCAG AA needs 4.5:1 for normal text.