#A83342

A medium, moderate red closely aligning with Brown.

About #A83342

Visually, #A83342 is defined as a moderate red. It is closely associated with the named CSS color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 51, and 66.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 70% Magenta, 61% Yellow, and 34% Black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A83342
RGB168, 51, 66
HSL352.3°, 53.4%, 42.9%
CMYK0%, 70%, 61%, 34%
HSV352.3°, 69.6%, 65.9%
LAB39.7, 48.6, 18.6
XYZ18.3, 11.1, 6.3
Decimal11023170

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.53:1
Text on #FFFFFF
AA
3.22:1
Text on #000000
AA Large
6.24:1
Text on #F8FAFC
AA
2.73:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #A83342; }
.text-color { color: #A83342; }
.border-color { border: 2px solid #A83342; }

Similar Colors

Brown
#A52A2A