#A85700

A dark, vivid orange closely aligning with Chocolate.

About #A85700

When working with digital screens, the color #A85700 is rendered by mixing light. It is closely associated with the named CSS color Chocolate. Its digital footprint relies on 168 parts red, 87 parts green, and 0 parts blue light.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 48% magenta, 100% yellow, and 34% black. 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A85700
RGB168, 87, 0
HSL31.1°, 100.0%, 32.9%
CMYK0%, 48%, 100%, 34%
HSV31.1°, 100.0%, 65.9%
LAB45.8, 28.7, 54.8
XYZ19.6, 15.1, 1.9
Decimal11032320

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.21:1
Text on #FFFFFF
AA
4.03:1
Text on #000000
AA Large
4.98:1
Text on #F8FAFC
AA
3.42:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Chocolate
#D2691E