HEX Color #923A16 (Saddlebrown)

About #923A16

The precise color #923A16 is an excellent choice for modern design projects. It is closely associated with the named CSS color Saddlebrown. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 58, and 22.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 60% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#923A16

RGB146, 58, 22

HSL17.4°, 73.8%, 32.9%

CMYK0%, 60%, 85%, 43%

HSV17.4°, 84.9%, 57.3%

LAB36.4, 35.3, 39.1

XYZ13.5, 9.2, 1.8

Decimal9583126

Color Harmonies

Complementary

#923A16 #166D91

Analogous

#91162F #917716

Triadic

#16913A #391691

Tetradic

#2F9116 #166D91 #781691

Tints, Shades & Tones

Tints (Adding White)

#923A16

#9E4F2F

#AA6549

#B67B63

#C2917D

#CEA797

#DABDB1

#E6D3CB

#F2E9E5

#FFFFFF

Shades (Adding Black)

#923A16

#813313

#712D11

#61260E

#51200C

#401909

#301307

#200C04

#100602

#000000

WCAG Contrast Accessibility

7.40:1

Text on #FFFFFF

AAA

2.84:1

Text on #000000

FAIL

7.07:1

Text on #F8FAFC

AAA

2.41:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #923A16; }

.text-color { color: #923A16; }

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

Similar Colors

Saddlebrown

#8B4513