HEX Color #A83A33 (Brown)

About #A83A33

At its core, #A83A33 is a medium and moderate hue. Designers often compare it to the standard color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 58, and 51.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 65% magenta, 70% yellow, and 34% black. This makes it a relatively light color when applied to physical surfaces.

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#A83A33

RGB168, 58, 51

HSL3.6°, 53.4%, 42.9%

CMYK0%, 65%, 70%, 34%

HSV3.6°, 69.6%, 65.9%

LAB40.6, 44.7, 28.8

XYZ18.3, 11.6, 4.4

Decimal11024947

Color Harmonies

Complementary

#A83A33 #33A0A8

Analogous

#A83366 #A87433

Triadic

#33A83A #3933A8

Tetradic

#66A833 #33A0A8 #7433A8

Tints, Shades & Tones

Tints (Adding White)

#A83A33

#B14F49

#BB6560

#C57B77

#CE918D

#D8A7A4

#E2BDBB

#EBD3D1

#F5E9E8

#FFFFFF

Shades (Adding Black)

#A83A33

#95332D

#822D27

#702622

#5D201C

#4A1916

#381311

#250C0B

#120605

#000000

WCAG Contrast Accessibility

6.33:1

Text on #FFFFFF

AA

3.32:1

Text on #000000

AA Large

6.05:1

Text on #F8FAFC

AA

2.82:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #A83A33; }

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

Similar Colors

Brown

#A52A2A