#8d5f0f

Color #8d5f0f

A vivid, highly saturated dark orange.

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

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

Conversions

HEX

#8d5f0f

RGB

rgb(141, 95, 15)

HSL

hsl(38.1, 80.8%, 30.6%)

HSV / HSB

hsv(38.1, 89.4%, 55.3%)

CMYK

cmyk(0%, 32.6%, 89.4%, 44.7%)

LAB

lab(44.06, 12.28, 48.01)

LCH

lch(44.06, 49.56, 75.65)

OKLCH

oklch(52.2%, 0.1054, 74.25)

HWB

hwb(38.1, 5.9%, 44.7%)

Harmony colors

Complementary

#0f3d8d

Analogous

#8d200f

#8d5f0f

#7c8d0f

Triadic

#8d5f0f

#0f8d5f

#5f0f8d

Split-complementary

#8d5f0f

#0f7c8d

#200f8d

Tetradic

#8d5f0f

#3d8d0f

#0f3d8d

#5f0f8d

Square

#8d5f0f

#0f8d20

#0f3d8d

#8d0f7c

Shades

Color #8d5f0f mixed toward black.

#764f0c

#5e3f0a

#473007

#2f2005

#181002

Tints

Color #8d5f0f mixed toward white.

#c28315

#e8a32a

#eeba5f

#f4d194

#f9e8ca

Tones

Color #8d5f0f mixed toward gray.

#835c19

#785924

#6e572f

#635439

#595144

Accessibility

Aa White text on this color

5.56:1

Aa Black text on this color

3.78:1

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

Under color vision deficiencies

Protanopia

#7c7b32 · ΔE 17.1

Deuteranopia

#7e8137 · ΔE 19.2

Tritanopia

#8b4143 · ΔE 27

Achromatopsia

#686868 · ΔE 23.5

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

Code

CSS

background-color: #8d5f0f;

Tailwind (arbitrary value)

bg-[#8d5f0f]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Papaya Whip #ffefd5

Wheat #f5deb3

Floral White #fffaf0

Frequently asked questions

#8d5f0f (#8d5f0f) is rgb(141, 95, 15) in RGB.

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

Generate a palette → Check contrast