#8d6930

Color #8d6930

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 21.14 Nearest Tailwind class yellow-700 #a65f00 · ΔE 9.4

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

Conversions

HEX

#8d6930

RGB

rgb(141, 105, 48)

HSL

hsl(36.8, 49.2%, 37.1%)

HSV / HSB

hsv(36.8, 66%, 55.3%)

CMYK

cmyk(0%, 25.5%, 66%, 44.7%)

LAB

lab(46.95, 7.99, 36.88)

LCH

lch(46.95, 37.74, 77.78)

OKLCH

oklch(54.6%, 0.0872, 76.54)

HWB

hwb(36.8, 18.8%, 44.7%)

Harmony colors

Complementary

#30548d

Analogous

#8d3b30

#8d6930

#838d30

Triadic

#8d6930

#308d69

#69308d

Split-complementary

#8d6930

#30838d

#3b308d

Tetradic

#8d6930

#548d30

#30548d

#69308d

Square

#8d6930

#308d3b

#30548d

#8d3083

Shades

Color #8d6930 mixed toward black.

#765828

#5e4620

#473518

#2f2310

#181208

Tints

Color #8d6930 mixed toward white.

#b5873e

#c9a05f

#d6b887

#e4cfaf

#f1e7d7

Tones

Color #8d6930 mixed toward gray.

#856738

#7e6640

#766447

#6e624f

#666057

Accessibility

Aa White text on this color

5:1

Aa Black text on this color

4.2:1

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

Under color vision deficiencies

Protanopia

#7f7f43 · ΔE 14.2

Deuteranopia

#818347 · ΔE 15.4

Tritanopia

#8b4f51 · ΔE 24.4

Achromatopsia

#6f6f6f · ΔE 20.6

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

Code

CSS

background-color: #8d6930;

Tailwind (arbitrary value)

bg-[#8d6930]

Related colors

Papaya Whip #ffefd5

Blanched Almond #ffebcd

Navajo White #ffdead

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#8d6930 (#8d6930) is rgb(141, 105, 48) in RGB.

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

Generate a palette → Check contrast