Skip to content

#8B0000

CSS darkred

A full breakdown of the hex color #8B0000: format conversions, shades and tints, color harmonies, and accessibility contrast.

Conversions

  • Hex#8B0000
  • RGBrgb(139, 0, 0)
  • HSLhsl(0, 100%, 27%)
  • OKLCHoklch(40.0% 0.164 29.2)
  • Display P3color(display-p3 0.545 0.000 0.000)
  • HSV0°, 100%, 55%
  • CMYK0%, 100%, 100%, 45%

Contrast

White text on #8B0000
10.01:1, WCAG AAA
Black text on #8B0000
2.10:1, WCAG Fails

Harmonies

Click any color to copy its hex code.

Complementary

Analogous

Split complementary

Triadic

Tetradic

Shades, tints and tones

Click any step to copy its hex code.

Shades (toward black)

Tints (toward white)

Tones (toward gray)

CSS
.text { color: #8b0000; }
.background { background-color: #8b0000; }
.border { border: 1px solid #8b0000; }

Used on this site

Gradients

More color tools

Generate a full scale from this color with the Monochromatic Shades Generator, or build a palette around it in the Palette Builder.