#2e3e25

Color #2e3e25

A muted very dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 18.47 Nearest Tailwind class lime-950 #192e03 · ΔE 7.4

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

Conversions

HEX

#2e3e25

RGB

rgb(46, 62, 37)

HSL

hsl(98.4, 25.3%, 19.4%)

HSV / HSB

hsv(98.4, 40.3%, 24.3%)

CMYK

cmyk(25.8%, 0%, 40.3%, 75.7%)

LAB

lab(24.19, -12.07, 13.34)

LCH

lch(24.19, 17.99, 132.14)

OKLCH

oklch(34.2%, 0.0467, 134.74)

HWB

hwb(98.4, 14.5%, 75.7%)

Harmony colors

Complementary

#35253e

Analogous

#3a3e25

#2e3e25

#253e28

Triadic

#2e3e25

#252e3e

#3e252e

Split-complementary

#2e3e25

#28253e

#3e253a

Tetradic

#2e3e25

#253e35

#35253e

#3e252e

Square

#2e3e25

#253a3e

#35253e

#3e2825

Shades

Color #2e3e25 mixed toward black.

#26341f

#1f2919

#171f12

#0f150c

#080a06

Tints

Color #2e3e25 mixed toward white.

#4e693f

#6e9458

#91b27e

#b6cca9

#dae5d4

Tones

Color #2e3e25 mixed toward gray.

#2f3c27

#2f3a29

#30382b

#30362d

#31342f

Accessibility

Aa White text on this color

11.46:1

Aa Black text on this color

1.83:1

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

Under color vision deficiencies

Protanopia

#36362c · ΔE 10.2

Deuteranopia

#35332e · ΔE 13.4

Tritanopia

#2f3233 · ΔE 14.9

Achromatopsia

#393939 · ΔE 14.9

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

Code

CSS

background-color: #2e3e25;

Tailwind (arbitrary value)

bg-[#2e3e25]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#2e3e25 (#2e3e25) is rgb(46, 62, 37) in RGB.

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

Generate a palette → Check contrast