#9a763b

Color #9a763b

A moderately saturated medium orange.

Closest named color Peru #cd853f · ΔE 20.2 Nearest Tailwind class yellow-700 #a65f00 · ΔE 10.9

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

Conversions

HEX

#9a763b

RGB

rgb(154, 118, 59)

HSL

hsl(37.3, 44.6%, 41.8%)

HSV / HSB

hsv(37.3, 61.7%, 60.4%)

CMYK

cmyk(0%, 23.4%, 61.7%, 39.6%)

LAB

lab(52, 7.22, 37.35)

LCH

lch(52, 38.04, 79.06)

OKLCH

oklch(58.9%, 0.0889, 77.92)

HWB

hwb(37.3, 23.1%, 39.6%)

Harmony colors

Complementary

#3b5f9a

Analogous

#9a473b

#9a763b

#8f9a3b

Triadic

#9a763b

#3b9a76

#763b9a

Split-complementary

#9a763b

#3b8f9a

#473b9a

Tetradic

#9a763b

#5f9a3b

#3b5f9a

#763b9a

Square

#9a763b

#3b9a47

#3b5f9a

#9a3b8f

Shades

Color #9a763b mixed toward black.

#806231

#674f27

#4d3b1e

#332714

#1a140a

Tints

Color #9a763b mixed toward white.

#ba914c

#c8a770

#d6bd94

#e4d3b7

#f1e9db

Tones

Color #9a763b mixed toward gray.

#927443

#8a724b

#827053

#7a6e5b

#736d63

Accessibility

Aa White text on this color

4.18:1

Aa Black text on this color

5.03:1

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

Under color vision deficiencies

Protanopia

#8c8c4e · ΔE 13.7

Deuteranopia

#8e9052 · ΔE 14.8

Tritanopia

#985a5d · ΔE 25.8

Achromatopsia

#7c7c7c · ΔE 20.6

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

Code

CSS

background-color: #9a763b;

Tailwind (arbitrary value)

bg-[#9a763b]

Related colors

Papaya Whip #ffefd5

Moccasin #ffe4b5

Blanched Almond #ffebcd

Navajo White #ffdead

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#9a763b (#9a763b) is rgb(154, 118, 59) in RGB.

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

Generate a palette → Check contrast