#6e391f

Color #6e391f

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 17.32 Nearest Tailwind class amber-900 #7b3306 · ΔE 5.6

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

Conversions

HEX

#6e391f

RGB

rgb(110, 57, 31)

HSL

hsl(19.7, 56%, 27.6%)

HSV / HSB

hsv(19.7, 71.8%, 43.1%)

CMYK

cmyk(0%, 48.2%, 71.8%, 56.9%)

LAB

lab(30.26, 21.02, 26.19)

LCH

lch(30.26, 33.58, 51.25)

OKLCH

oklch(40.7%, 0.0842, 45.53)

HWB

hwb(19.7, 12.2%, 56.9%)

Harmony colors

Complementary

#1f546e

Analogous

#6e1f2c

#6e391f

#6e601f

Triadic

#6e391f

#1f6e39

#391f6e

Split-complementary

#6e391f

#1f6e60

#1f2c6e

Tetradic

#6e391f

#546e1f

#1f546e

#391f6e

Square

#6e391f

#2c6e1f

#1f546e

#601f6e

Shades

Color #6e391f mixed toward black.

#5b2f1a

#492615

#371c0f

#25130a

#120905

Tints

Color #6e391f mixed toward white.

#9e522d

#c96c3f

#d6916f

#e4b69f

#f1dacf

Tones

Color #6e391f mixed toward gray.

#673b26

#613d2c

#5a4033

#544239

#4d4440

Accessibility

Aa White text on this color

9.26:1

Aa Black text on this color

2.27:1

White text reads better on this background (9.26:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#5c5b27 · ΔE 24

Deuteranopia

#5e6229 · ΔE 26.7

Tritanopia

#6c2c2d · ΔE 11.1

Achromatopsia

#474747 · ΔE 20.8

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

Code

CSS

background-color: #6e391f;

Tailwind (arbitrary value)

bg-[#6e391f]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#6e391f (#6e391f) is rgb(110, 57, 31) in RGB.

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

Generate a palette → Check contrast