#846c46

Color #846c46

A muted dark orange.

Closest named color Dark Olive Green #556b2f · ΔE 24.17 Nearest Tailwind class stone-500 #79716b · ΔE 12.5

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

Conversions

HEX

#846c46

RGB

rgb(132, 108, 70)

HSL

hsl(36.8, 30.7%, 39.6%)

HSV / HSB

hsv(36.8, 47%, 51.8%)

CMYK

cmyk(0%, 18.2%, 47%, 48.2%)

LAB

lab(47.07, 4.13, 24.79)

LCH

lch(47.07, 25.13, 80.54)

OKLCH

oklch(54.5%, 0.0618, 78.42)

HWB

hwb(36.8, 27.5%, 48.2%)

Harmony colors

Complementary

#465e84

Analogous

#844d46

#846c46

#7d8446

Triadic

#846c46

#46846c

#6c4684

Split-complementary

#846c46

#467d84

#4d4684

Tetradic

#846c46

#5e8446

#465e84

#6c4684

Square

#846c46

#46844d

#465e84

#84467d

Shades

Color #846c46 mixed toward black.

#6e5a3a

#58482f

#423623

#2c2417

#16120c

Tints

Color #846c46 mixed toward white.

#a68758

#b89f79

#cab79a

#dbcfbc

#ede7dd

Tones

Color #846c46 mixed toward gray.

#7f6b4b

#7a6a50

#746855

#6f675b

#6a6660

Accessibility

Aa White text on this color

4.98:1

Aa Black text on this color

4.21:1

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

Under color vision deficiencies

Protanopia

#7a7a51 · ΔE 11

Deuteranopia

#7c7d54 · ΔE 11.7

Tritanopia

#83595a · ΔE 20.3

Achromatopsia

#707070 · ΔE 16.2

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

Code

CSS

background-color: #846c46;

Tailwind (arbitrary value)

bg-[#846c46]

Related colors

Papaya Whip #ffefd5

Blanched Almond #ffebcd

Navajo White #ffdead

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Frequently asked questions

#846c46 (#846c46) is rgb(132, 108, 70) in RGB.

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

Generate a palette → Check contrast