#9b7f50

Color #9b7f50

A muted medium orange.

Closest named color Tan #d2b48c · ΔE 20.83 Nearest Tailwind class olive-500 #7c7c67 · ΔE 13.3

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

Conversions

HEX

#9b7f50

RGB

rgb(155, 127, 80)

HSL

hsl(37.6, 31.9%, 46.1%)

HSV / HSB

hsv(37.6, 48.4%, 60.8%)

CMYK

cmyk(0%, 18.1%, 48.4%, 39.2%)

LAB

lab(54.79, 4.43, 29.51)

LCH

lch(54.79, 29.84, 81.46)

OKLCH

oklch(61.2%, 0.0728, 79.71)

HWB

hwb(37.6, 31.4%, 39.2%)

Harmony colors

Complementary

#506c9b

Analogous

#9b5a50

#9b7f50

#929b50

Triadic

#9b7f50

#509b7f

#7f509b

Split-complementary

#9b7f50

#50929b

#5a509b

Tetradic

#9b7f50

#6c9b50

#506c9b

#7f509b

Square

#9b7f50

#509b5a

#506c9b

#9b5092

Shades

Color #9b7f50 mixed toward black.

#816a43

#675535

#4e4028

#342a1b

#1a150d

Tints

Color #9b7f50 mixed toward white.

#b19668

#c1ab86

#d0c0a4

#e0d5c3

#efeae1

Tones

Color #9b7f50 mixed toward gray.

#957d56

#8f7c5d

#887a63

#827969

#7c776f

Accessibility

Aa White text on this color

3.79:1

Aa Black text on this color

5.55:1

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

Under color vision deficiencies

Protanopia

#908f5e · ΔE 10.8

Deuteranopia

#919361 · ΔE 12.2

Tritanopia

#9a686a · ΔE 23.1

Achromatopsia

#838383 · ΔE 18

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

Code

CSS

background-color: #9b7f50;

Tailwind (arbitrary value)

bg-[#9b7f50]

Related colors

Moccasin #ffe4b5

Papaya Whip #ffefd5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Blanched Almond #ffebcd

Frequently asked questions

#9b7f50 (#9b7f50) is rgb(155, 127, 80) in RGB.

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

Generate a palette → Check contrast