Dark red color

Codes

CSS keyword darkred resolves to this hex.

• HEX#8B0000
• RGB139, 0, 0Copy RGB
• HSL0, 100%, 27%Copy HSL
• CMYK0, 100, 100, 45Copy CMYK

Shades and tints

Ten steps toward black, then ten toward white. The outlined stop is #8B0000.

• 0E0000

• 1C0000

• 2A0000

• 380000

• 460000

• 530000

• 610000

• 6F0000

• 7D0000

• Base

• 971A1A

• A23333

• AE4D4D

• B96666

• C58080

• D19999

• DCB3B3

• E8CCCC

• F3E6E6

• Complementary

  • #8A0000
  • #008A8A

• Analogous

  • #8A0045
  • #8A0000
  • #8A4500

• Triadic

  • #8A0000
  • #008A00
  • #00008A

• Tetradic

  • #8A0000
  • #458A00
  • #008A8A
  • #45008A

Contrast

Ratios use #8B0000 against white (#FFFFFF) and near-black (#161616). AA means 4.5:1 for body text.

• On white

  10.01:1

  AAA

• On near-black

  1.81:1

  Fails AA

• White text on this color

  10.01:1

  AAA

• Near-black text on this color

  1.81:1

  Fails AA

How to use dark red

CSS darkred is #8B0000. The keyword has no hyphen. It is a deep red with green and blue at zero, so it is darker and cleaner than brick or a pinkish maroon. Queries such as a dark red, darkish red, and darkest red are loose. This page answers them with the CSS value and a ramp so you can see how far #8B0000 sits from black.

On white, #8B0000 is dark enough for headings and often for body text. Confirm AA in the contrast panel, especially if the font is thin. On the swatch itself, use light text. In UI, dark red signals error and destructive actions so often that a brand using it for decoration will fight that habit. If the red is decorative, pair it with neutral surfaces and avoid red error icons nearby. Coral is the light warm relative. Gold adds a highlight without sliding into pink. A darker step on the ramp approaches black and is useful for a pressed state, not for a second brand red.

Nearby colors

• Coral#FF7F50
• Gold#FFD700
• Emerald green#50C878