HEX Color #8A0042 (Brown)

About #8A0042

At its core, #8A0042 is a dark and vivid hue. Its closest recognized web color is Brown. Its digital footprint relies on 138 parts red, 0 parts green, and 66 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 100% magenta, 52% yellow, and 46% black. The HSL representation is 331.3° hue, 100.0% saturation, and 27.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#8A0042

RGB138, 0, 66

HSL331.3°, 100.0%, 27.1%

CMYK0%, 100%, 52%, 46%

HSV331.3°, 100.0%, 54.1%

LAB28.9, 53.5, 2.7

XYZ11.5, 5.8, 5.7

Decimal9044034

Color Harmonies

Complementary

#8A0042 #008A48

Analogous

#8A0086 #8A0200

Triadic

#428A00 #00418A

Tetradic

#878A00 #008A48 #03008A

Tints, Shades & Tones

Tints (Adding White)

#8A0042

#971C57

#A4386C

#B15581

#BE7196

#CB8DAB

#D8AAC0

#E5C6D5

#F2E2EA

#FFFFFF

Shades (Adding Black)

#8A0042

#7A003A

#6B0033

#5C002C

#4C0024

#3D001D

#2E0016

#1E000E

#0F0007

#000000

WCAG Contrast Accessibility

9.73:1

Text on #FFFFFF

AAA

2.16:1

Text on #000000

FAIL

9.30:1

Text on #F8FAFC

AAA

1.84:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Brown

#A52A2A