#9a7532

Color #9a7532

A moderately saturated medium orange.

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

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

Conversions

HEX

#9a7532

RGB

rgb(154, 117, 50)

HSL

hsl(38.7, 51%, 40%)

HSV / HSB

hsv(38.7, 67.5%, 60.4%)

CMYK

cmyk(0%, 24%, 67.5%, 39.6%)

LAB

lab(51.64, 7.16, 41.47)

LCH

lch(51.64, 42.08, 80.2)

OKLCH

oklch(58.6%, 0.0961, 79.68)

HWB

hwb(38.7, 19.6%, 39.6%)

Harmony colors

Complementary

#32579a

Analogous

#9a4132

#9a7532

#8b9a32

Triadic

#9a7532

#329a75

#75329a

Split-complementary

#9a7532

#328b9a

#41329a

Tetradic

#9a7532

#579a32

#32579a

#75329a

Square

#9a7532

#329a41

#32579a

#9a328b

Shades

Color #9a7532 mixed toward black.

#80622a

#674e21

#4d3b19

#332711

#1a1408

Tints

Color #9a7532 mixed toward white.

#c1923e

#cda865

#dabe8b

#e6d4b2

#f3e9d8

Tones

Color #9a7532 mixed toward gray.

#91733b

#897043

#806e4c

#776b55

#6f695d

Accessibility

Aa White text on this color

4.23:1

Aa Black text on this color

4.96:1

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

Under color vision deficiencies

Protanopia

#8c8b49 · ΔE 13.4

Deuteranopia

#8e904e · ΔE 15

Tritanopia

#98575a · ΔE 27.5

Achromatopsia

#7b7b7b · ΔE 21.7

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

Code

CSS

background-color: #9a7532;

Tailwind (arbitrary value)

bg-[#9a7532]

Related colors

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Moccasin #ffe4b5

Floral White #fffaf0

Papaya Whip #ffefd5

Frequently asked questions

#9a7532 (#9a7532) is rgb(154, 117, 50) in RGB.

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

Generate a palette → Check contrast