#a7957c

Color #a7957c

A muted medium orange.

Closest named color Tan #d2b48c · ΔE 15.32 Nearest Tailwind class stone-400 #a6a09b · ΔE 9.2

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

Conversions

HEX

#a7957c

RGB

rgb(167, 149, 124)

HSL

hsl(34.9, 19.6%, 57.1%)

HSV / HSB

hsv(34.9, 25.7%, 65.5%)

CMYK

cmyk(0%, 10.8%, 25.7%, 34.5%)

LAB

lab(62.65, 2.65, 15.66)

LCH

lch(62.65, 15.88, 80.4)

OKLCH

oklch(67.9%, 0.0413, 76)

HWB

hwb(34.9, 48.6%, 34.5%)

Harmony colors

Complementary

#7c8ea7

Analogous

#a7807c

#a7957c

#a4a77c

Triadic

#a7957c

#7ca795

#957ca7

Split-complementary

#a7957c

#7ca4a7

#807ca7

Tetradic

#a7957c

#8ea77c

#7c8ea7

#957ca7

Square

#a7957c

#7ca780

#7c8ea7

#a77ca4

Shades

Color #a7957c mixed toward black.

#917d62

#74644e

#574b3b

#3a3227

#1d1914

Tints

Color #a7957c mixed toward white.

#b6a792

#c4b8a8

#d3cabe

#e2dcd3

#f0ede9

Tones

Color #a7957c mixed toward gray.

#a39580

#a09483

#9c9387

#99938a

#95928e

Accessibility

Aa White text on this color

2.9:1

Aa Black text on this color

7.23:1

Black text reads better on this background (7.23:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#a09f83 · ΔE 8.9

Deuteranopia

#a1a284 · ΔE 10.1

Tritanopia

#a68889 · ΔE 15.2

Achromatopsia

#979797 · ΔE 11.8

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

Code

CSS

background-color: #a7957c;

Tailwind (arbitrary value)

bg-[#a7957c]

Related colors

Antique White #faebd7

Tan #d2b48c

Navajo White #ffdead

Blanched Almond #ffebcd

Burlywood #deb887

Dark Orange #ff8c00

Frequently asked questions

#a7957c (#a7957c) is rgb(167, 149, 124) in RGB.

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

Generate a palette → Check contrast