#866027

Color #866027

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 18.42 Nearest Tailwind class yellow-800 #894b00 · ΔE 8.7

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

Conversions

HEX

#866027

RGB

rgb(134, 96, 39)

HSL

hsl(36, 54.9%, 33.9%)

HSV / HSB

hsv(36, 70.9%, 52.5%)

CMYK

cmyk(0%, 28.4%, 70.9%, 47.5%)

LAB

lab(43.63, 9.42, 37.54)

LCH

lch(43.63, 38.7, 75.91)

OKLCH

oklch(51.7%, 0.0881, 74.4)

HWB

hwb(36, 15.3%, 47.5%)

Harmony colors

Complementary

#274d86

Analogous

#863027

#866027

#7c8627

Triadic

#866027

#278660

#602786

Split-complementary

#866027

#277c86

#302786

Tetradic

#866027

#4d8627

#274d86

#602786

Square

#866027

#278630

#274d86

#86277c

Shades

Color #866027 mixed toward black.

#705020

#59401a

#433013

#2d200d

#161006

Tints

Color #866027 mixed toward white.

#b17f34

#cc9b51

#d9b47c

#e6cda8

#f2e6d3

Tones

Color #866027 mixed toward gray.

#7e5e2f

#765d37

#6e5b3f

#665a47

#5e584f

Accessibility

Aa White text on this color

5.65:1

Aa Black text on this color

3.72:1

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

Under color vision deficiencies

Protanopia

#77773b · ΔE 15.1

Deuteranopia

#797c3f · ΔE 16.7

Tritanopia

#844749 · ΔE 23.8

Achromatopsia

#676767 · ΔE 20.9

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

Code

CSS

background-color: #866027;

Tailwind (arbitrary value)

bg-[#866027]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Antique White #faebd7

Tan #d2b48c

Moccasin #ffe4b5

Frequently asked questions

#866027 (#866027) is rgb(134, 96, 39) in RGB.

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

Generate a palette → Check contrast