HEX Color #8A070F (Maroon)

About #8A070F

The precise color #8A070F is an excellent choice for modern design projects. It is closely associated with the named CSS color Maroon. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 7, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 95% magenta inks. The HSL representation is 356.3° hue, 90.3% saturation, and 28.4% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A070F

RGB138, 7, 15

HSL356.3°, 90.3%, 28.4%

CMYK0%, 95%, 89%, 46%

HSV356.3°, 94.9%, 54.1%

LAB28.4, 49.8, 35.0

XYZ10.6, 5.6, 1.0

Decimal9045775

Color Harmonies

Complementary

#8A070F #078A82

Analogous

#8A0750 #8A4007

Triadic

#0E8A07 #070E8A

Tetradic

#508A07 #078A82 #40078A

Tints, Shades & Tones

Tints (Adding White)

#8A070F

#972229

#A43E44

#B1595F

#BE7579

#CB9094

#D8ACAF

#E5C7C9

#F2E3E4

#FFFFFF

Shades (Adding Black)

#8A070F

#7A060D

#6B050B

#5C040A

#4C0308

#3D0306

#2E0205

#1E0103

#0F0001

#000000

WCAG Contrast Accessibility

9.92:1

Text on #FFFFFF

AAA

2.12:1

Text on #000000

FAIL

9.48:1

Text on #F8FAFC

AAA

1.80:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Maroon

#800000