#a76a43

Color #a76a43

A moderately saturated medium orange.

Closest named color Sienna #a0522d · ΔE 11.88 Nearest Tailwind class yellow-700 #a65f00 · ΔE 9.6

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#a76a43

RGB

rgb(167, 106, 67)

HSL

hsl(23.4, 42.7%, 45.9%)

HSV / HSB

hsv(23.4, 59.9%, 65.5%)

CMYK

cmyk(0%, 36.5%, 59.9%, 34.5%)

LAB

lab(50.61, 20.39, 31.78)

LCH

lch(50.61, 37.76, 57.32)

OKLCH

oklch(58.2%, 0.0951, 52.48)

HWB

hwb(23.4, 26.3%, 34.5%)

Harmony colors

Complementary

#4380a7

Analogous

#a7434e

#a76a43

#a79c43

Triadic

#a76a43

#43a76a

#6a43a7

Split-complementary

#a76a43

#43a79c

#434ea7

Tetradic

#a76a43

#80a743

#4380a7

#6a43a7

Square

#a76a43

#4ea743

#4380a7

#9c43a7

Shades

Color #a76a43 mixed toward black.

#8b5838

#6f472d

#543522

#382316

#1c120b

Tints

Color #a76a43 mixed toward white.

#bd815b

#ca9a7c

#d7b49d

#e5cdbd

#f2e6de

Tones

Color #a76a43 mixed toward gray.

#9f6c4b

#966e54

#8e705c

#867164

#7d736d

Accessibility

Aa White text on this color

4.39:1

Aa Black text on this color

4.79:1

Black text reads better on this background (4.79:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#91904f · ΔE 24.2

Deuteranopia

#949851 · ΔE 26.8

Tritanopia

#a55758 · ΔE 15.9

Achromatopsia

#787878 · ΔE 21.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #a76a43;

Tailwind (arbitrary value)

bg-[#a76a43]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sienna #a0522d

Sandy Brown #f4a460

Peach Puff #ffdab9

Frequently asked questions

#a76a43 (#a76a43) is rgb(167, 106, 67) in RGB.

No, #a76a43 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #a76a43, or check how it holds up for accessibility.

Generate a palette → Check contrast