#85664e

Color #85664e

A muted medium orange.

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

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

Conversions

HEX

#85664e

RGB

rgb(133, 102, 78)

HSL

hsl(26.2, 26.1%, 41.4%)

HSV / HSB

hsv(26.2, 41.4%, 52.2%)

CMYK

cmyk(0%, 23.3%, 41.4%, 47.8%)

LAB

lab(45.69, 9.02, 18.35)

LCH

lch(45.69, 20.45, 63.82)

OKLCH

oklch(53.5%, 0.0535, 59.07)

HWB

hwb(26.2, 30.6%, 47.8%)

Harmony colors

Complementary

#4e6d85

Analogous

#854e52

#85664e

#85824e

Triadic

#85664e

#4e8566

#664e85

Split-complementary

#85664e

#4e8582

#4e5285

Tetradic

#85664e

#6d854e

#4e6d85

#664e85

Square

#85664e

#52854e

#4e6d85

#824e85

Shades

Color #85664e mixed toward black.

#6f5541

#594434

#433327

#2c221a

#16110d

Tints

Color #85664e mixed toward white.

#a37e62

#b59881

#c8b2a1

#daccc0

#ede5e0

Tones

Color #85664e mixed toward gray.

#816753

#7c6757

#77685c

#736860

#6e6965

Accessibility

Aa White text on this color

5.24:1

Aa Black text on this color

4.01:1

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

Under color vision deficiencies

Protanopia

#797955 · ΔE 16.9

Deuteranopia

#7b7d56 · ΔE 18.2

Tritanopia

#84595a · ΔE 13.4

Achromatopsia

#6c6c6c · ΔE 15

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

Code

CSS

background-color: #85664e;

Tailwind (arbitrary value)

bg-[#85664e]

Related colors

Chocolate #d2691e

Saddle Brown #8b4513

Sandy Brown #f4a460

Seashell #fff5ee

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#85664e (#85664e) is rgb(133, 102, 78) in RGB.

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

Generate a palette → Check contrast