HEX Color #AF332C (Brown)

About #AF332C

The hex code #AF332C represents a beautifully specific shade of red. Designers often compare it to the standard color Brown. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 51, and 44.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 71% magenta inks. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#AF332C

RGB175, 51, 44

HSL3.2°, 59.8%, 42.9%

CMYK0%, 71%, 75%, 31%

HSV3.2°, 74.9%, 68.6%

LAB40.7, 49.7, 33.4

XYZ19.3, 11.7, 3.6

Decimal11481900

Color Harmonies

Complementary

#AF332C #2CA7AF

Analogous

#AF2C66 #AF742C

Triadic

#2CAF33 #322CAF

Tetradic

#66AF2C #2CA7AF #742CAF

Tints, Shades & Tones

Tints (Adding White)

#AF332C

#B74943

#C0605A

#C97772

#D28D89

#DBA4A1

#E4BBB8

#EDD1D0

#F6E8E7

#FFFFFF

Shades (Adding Black)

#AF332C

#9B2D27

#882722

#74221D

#611C18

#4D1613

#3A110E

#260B09

#130504

#000000

WCAG Contrast Accessibility

6.30:1

Text on #FFFFFF

AA

3.33:1

Text on #000000

AA Large

6.02:1

Text on #F8FAFC

AA

2.83:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #AF332C; }

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

Similar Colors

Brown

#A52A2A