#a97d67

Color #a97d67

A muted medium orange.

Closest named color Rosy Brown #bc8f8f · ΔE 14.47 Nearest Tailwind class taupe-500 #7c6d67 · ΔE 13.6

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

Conversions

HEX

#a97d67

RGB

rgb(169, 125, 103)

HSL

hsl(20, 27.7%, 53.3%)

HSV / HSB

hsv(20, 39.1%, 66.3%)

CMYK

cmyk(0%, 26%, 39.1%, 33.7%)

LAB

lab(56.17, 14.1, 18.67)

LCH

lch(56.17, 23.4, 52.94)

OKLCH

oklch(62.7%, 0.0637, 47.67)

HWB

hwb(20, 40.4%, 33.7%)

Harmony colors

Complementary

#6793a9

Analogous

#a96772

#a97d67

#a99e67

Triadic

#a97d67

#67a97d

#7d67a9

Split-complementary

#a97d67

#67a99e

#6772a9

Tetradic

#a97d67

#93a967

#6793a9

#7d67a9

Square

#a97d67

#72a967

#6793a9

#9e67a9

Shades

Color #a97d67 mixed toward black.

#916752

#745242

#573e31

#3a2921

#1d1510

Tints

Color #a97d67 mixed toward white.

#b79380

#c6a89a

#d4beb3

#e2d4cc

#f1e9e6

Tones

Color #a97d67 mixed toward gray.

#a37f6c

#9e8172

#988277

#93847d

#8d8682

Accessibility

Aa White text on this color

3.61:1

Aa Black text on this color

5.82:1

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

Under color vision deficiencies

Protanopia

#98986d · ΔE 21.6

Deuteranopia

#9a9d6e · ΔE 23.1

Tritanopia

#a77172 · ΔE 10.9

Achromatopsia

#878787 · ΔE 17.1

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

Code

CSS

background-color: #a97d67;

Tailwind (arbitrary value)

bg-[#a97d67]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Seashell #fff5ee

Dark Salmon #e9967a

Frequently asked questions

#a97d67 (#a97d67) is rgb(169, 125, 103) in RGB.

No, #a97d67 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 #a97d67, or check how it holds up for accessibility.

Generate a palette → Check contrast