#7d5b46

Color #7d5b46

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 20.94 Nearest Tailwind class taupe-500 #7c6d67 · ΔE 10.2

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

Conversions

HEX

#7d5b46

RGB

rgb(125, 91, 70)

HSL

hsl(22.9, 28.2%, 38.2%)

HSV / HSB

hsv(22.9, 44%, 49%)

CMYK

cmyk(0%, 27.2%, 44%, 51%)

LAB

lab(41.67, 11.05, 17.57)

LCH

lch(41.67, 20.76, 57.83)

OKLCH

oklch(50.1%, 0.055, 52.76)

HWB

hwb(22.9, 27.5%, 51%)

Harmony colors

Complementary

#46687d

Analogous

#7d464c

#7d5b46

#7d7646

Triadic

#7d5b46

#467d5b

#5b467d

Split-complementary

#7d5b46

#467d76

#464c7d

Tetradic

#7d5b46

#687d46

#46687d

#5b467d

Square

#7d5b46

#4c7d46

#46687d

#76467d

Shades

Color #7d5b46 mixed toward black.

#684c3a

#533d2f

#3e2d23

#2a1e17

#150f0c

Tints

Color #7d5b46 mixed toward white.

#9f7359

#b48f78

#c6ab9a

#d9c7bc

#ece3dd

Tones

Color #7d5b46 mixed toward gray.

#785c4b

#745d4f

#6f5e54

#6b5f58

#66605d

Accessibility

Aa White text on this color

6.07:1

Aa Black text on this color

3.46:1

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

Under color vision deficiencies

Protanopia

#70704c · ΔE 19

Deuteranopia

#72744d · ΔE 20.2

Tritanopia

#7c5051 · ΔE 11.4

Achromatopsia

#626262 · ΔE 15.6

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

Code

CSS

background-color: #7d5b46;

Tailwind (arbitrary value)

bg-[#7d5b46]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sienna #a0522d

Sandy Brown #f4a460

Peach Puff #ffdab9

Frequently asked questions

#7d5b46 (#7d5b46) is rgb(125, 91, 70) in RGB.

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

Generate a palette → Check contrast