#3e5548

Color #3e5548

A muted dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 8.9 Nearest Tailwind class teal-900 #0b4f4a · ΔE 9.2

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

Conversions

HEX

#3e5548

RGB

rgb(62, 85, 72)

HSL

hsl(146.1, 15.6%, 28.8%)

HSV / HSB

hsv(146.1, 27.1%, 33.3%)

CMYK

cmyk(27.1%, 0%, 15.3%, 66.7%)

LAB

lab(33.96, -11.88, 4.76)

LCH

lch(33.96, 12.8, 158.17)

OKLCH

oklch(42.6%, 0.0354, 159.67)

HWB

hwb(146.1, 24.3%, 66.7%)

Harmony colors

Complementary

#553e4b

Analogous

#3f553e

#3e5548

#3e5553

Triadic

#3e5548

#483e55

#55483e

Split-complementary

#3e5548

#533e55

#553e3f

Tetradic

#3e5548

#3e4b55

#553e4b

#55483e

Square

#3e5548

#3e3f55

#553e4b

#55533e

Shades

Color #3e5548 mixed toward black.

#34473c

#293930

#1f2a24

#151c18

#0a0e0c

Tints

Color #3e5548 mixed toward white.

#587866

#739984

#96b2a2

#b9ccc1

#dce5e0

Tones

Color #3e5548 mixed toward gray.

#405348

#425148

#444f49

#464d49

#484b49

Accessibility

Aa White text on this color

8.08:1

Aa Black text on this color

2.6:1

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

Under color vision deficiencies

Protanopia

#49494b · ΔE 14.2

Deuteranopia

#48464c · ΔE 17

Tritanopia

#3f4e4e · ΔE 7.9

Achromatopsia

#505050 · ΔE 13

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

Code

CSS

background-color: #3e5548;

Tailwind (arbitrary value)

bg-[#3e5548]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#3e5548 (#3e5548) is rgb(62, 85, 72) in RGB.

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

Generate a palette → Check contrast