HEX Color #8A2400 (Darkred)

About #8A2400

The hex code #8A2400 represents a beautifully specific shade of orange. It is closely associated with the named CSS color Darkred. In the RGB color space, it consists of 138 red, 36 green, and 0 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 74% Magenta, 100% Yellow, and 46% Black. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8A2400

RGB138, 36, 0

HSL15.7°, 100.0%, 27.1%

CMYK0%, 74%, 100%, 46%

HSV15.7°, 100.0%, 54.1%

LAB31.0, 41.8, 43.5

XYZ11.1, 6.7, 0.7

Decimal9053184

Color Harmonies

Complementary

#8A2400 #00658A

Analogous

#8A0020 #8A6900

Triadic

#008A23 #23008A

Tetradic

#208A00 #00658A #69008A

Tints, Shades & Tones

Tints (Adding White)

#8A2400

#973C1C

#A45438

#B16D55

#BE8571

#CB9D8D

#D8B6AA

#E5CEC6

#F2E6E2

#FFFFFF

Shades (Adding Black)

#8A2400

#7A2000

#6B1C00

#5C1800

#4C1400

#3D1000

#2E0C00

#1E0800

#0F0400

#000000

WCAG Contrast Accessibility

9.00:1

Text on #FFFFFF

AAA

2.33:1

Text on #000000

FAIL

8.60:1

Text on #F8FAFC

AAA

1.98:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8A2400; }

.text-color { color: #8A2400; }

.border-color { border: 2px solid #8A2400; }

Similar Colors

Darkred

#8B0000