#383f2b

Color #383f2b

A muted dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 16.77 Nearest Tailwind class olive-700 #474739 · ΔE 5.8

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

Conversions

HEX

#383f2b

RGB

rgb(56, 63, 43)

HSL

hsl(81, 18.9%, 20.8%)

HSV / HSB

hsv(81, 31.7%, 24.7%)

CMYK

cmyk(11.1%, 0%, 31.7%, 75.3%)

LAB

lab(25.47, -7.13, 11.34)

LCH

lch(25.47, 13.4, 122.16)

OKLCH

oklch(35.5%, 0.0344, 123.74)

HWB

hwb(81, 16.9%, 75.3%)

Harmony colors

Complementary

#322b3f

Analogous

#3f3c2b

#383f2b

#2e3f2b

Triadic

#383f2b

#2b383f

#3f2b38

Split-complementary

#383f2b

#2b2e3f

#3c2b3f

Tetradic

#383f2b

#2b3f32

#322b3f

#3f2b38

Square

#383f2b

#2b3f3c

#322b3f

#3f2b2e

Shades

Color #383f2b mixed toward black.

#2f3524

#252a1d

#1c2016

#13150e

#090b07

Tints

Color #383f2b mixed toward white.

#5c6746

#7f8f62

#a0ad87

#bfc8af

#dfe4d7

Tones

Color #383f2b mixed toward gray.

#383d2d

#373c2e

#373a30

#363832

#363733

Accessibility

Aa White text on this color

10.97:1

Aa Black text on this color

1.91:1

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

Under color vision deficiencies

Protanopia

#3b3b31 · ΔE 6.2

Deuteranopia

#3b3a32 · ΔE 7.5

Tritanopia

#383536 · ΔE 14.2

Achromatopsia

#3c3c3c · ΔE 11.5

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

Code

CSS

background-color: #383f2b;

Tailwind (arbitrary value)

bg-[#383f2b]

Related colors

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Frequently asked questions

#383f2b (#383f2b) is rgb(56, 63, 43) in RGB.

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

Generate a palette → Check contrast