#807366

Color #807366

A nearly neutral, gray-leaning medium orange.

Closest named color Gray #808080 · ΔE 10.38 Nearest Tailwind class stone-500 #79716b · ΔE 3.7

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

Conversions

HEX

#807366

RGB

rgb(128, 115, 102)

HSL

hsl(30, 11.3%, 45.1%)

HSV / HSB

hsv(30, 20.3%, 50.2%)

CMYK

cmyk(0%, 10.2%, 20.3%, 49.8%)

LAB

lab(49.27, 2.76, 9.03)

LCH

lch(49.27, 9.44, 73)

OKLCH

oklch(56.4%, 0.0254, 67.28)

HWB

hwb(30, 40%, 49.8%)

Harmony colors

Complementary

#667380

Analogous

#806666

#807366

#808066

Triadic

#807366

#668073

#736680

Split-complementary

#807366

#668080

#666680

Tetradic

#807366

#738066

#667380

#736680

Square

#807366

#668066

#667380

#806680

Shades

Color #807366 mixed toward black.

#6b6055

#554d44

#403a33

#2b2622

#151311

Tints

Color #807366 mixed toward white.

#988a7d

#aca297

#c1b9b1

#d6d0cb

#eae8e5

Tones

Color #807366 mixed toward gray.

#7e7368

#7c736a

#7a736d

#77736f

#757371

Accessibility

Aa White text on this color

4.6:1

Aa Black text on this color

4.56:1

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

Under color vision deficiencies

Protanopia

#7b7a69 · ΔE 7.7

Deuteranopia

#7b7c6a · ΔE 9

Tritanopia

#7f6c6c · ΔE 8.6

Achromatopsia

#757575 · ΔE 8.1

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

Code

CSS

background-color: #807366;

Tailwind (arbitrary value)

bg-[#807366]

Related colors

Linen #faf0e6

Peru #cd853f

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#807366 (#807366) is rgb(128, 115, 102) in RGB.

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

Generate a palette → Check contrast