HEX Color #834200 (Saddlebrown)

About #834200

At its core, #834200 is a dark and vivid hue. It is closely associated with the named CSS color Saddlebrown. Its digital footprint relies on 131 parts red, 66 parts green, and 0 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 50% magenta, 100% yellow, and 49% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#834200

RGB131, 66, 0

HSL30.2°, 100.0%, 25.7%

CMYK0%, 50%, 100%, 49%

HSV30.2°, 100.0%, 51.4%

LAB35.4, 24.2, 45.6

XYZ11.3, 8.7, 1.1

Decimal8602112

Color Harmonies

Complementary

#834200 #004083

Analogous

#830000 #828300

Triadic

#008342 #420083

Tetradic

#008300 #004083 #830082

Tints, Shades & Tones

Tints (Adding White)

#834200

#90571C

#9E6C38

#AC8155

#BA9671

#C7AB8D

#D5C0AA

#E3D5C6

#F1EAE2

#FFFFFF

Shades (Adding Black)

#834200

#743A00

#653300

#572C00

#482400

#3A1D00

#2B1600

#1D0E00

#0E0700

#000000

WCAG Contrast Accessibility

7.65:1

Text on #FFFFFF

AAA

2.74:1

Text on #000000

FAIL

7.31:1

Text on #F8FAFC

AAA

2.33:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #834200; }

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

Similar Colors

Saddlebrown

#8B4513