HEX Color #A81D42 (Brown)

About #A81D42

At its core, #A81D42 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 29, and 66.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 83% M, 61% Y, and 34% K. The HSL representation is 344.0° hue, 70.6% saturation, and 38.6% 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#A81D42

RGB168, 29, 66

HSL344.0°, 70.6%, 38.6%

CMYK0%, 83%, 61%, 34%

HSV344.0°, 82.7%, 65.9%

LAB37.1, 55.9, 15.1

XYZ17.6, 9.6, 6.1

Decimal11017538

Color Harmonies

Complementary

#A81D42 #1DA882

Analogous

#A81D87 #A83D1D

Triadic

#42A81D #1D42A8

Tetradic

#87A81D #1DA882 #3D1DA8

Tints, Shades & Tones

Tints (Adding White)

#A81D42

#B13657

#BB4F6C

#C56881

#CE8196

#D89AAB

#E2B3C0

#EBCCD5

#F5E5EA

#FFFFFF

Shades (Adding Black)

#A81D42

#95193A

#821633

#70132C

#5D1024

#4A0C1D

#380916

#25060E

#120307

#000000

WCAG Contrast Accessibility

7.19:1

Text on #FFFFFF

AAA

2.92:1

Text on #000000

FAIL

6.88:1

Text on #F8FAFC

AA

2.48:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #A81D42; }

.text-color { color: #A81D42; }

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

Similar Colors

Brown

#A52A2A