#2d5d41

Color #2d5d41

A muted dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 19.52 Nearest Tailwind class emerald-800 #006045 · ΔE 4.5

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

Conversions

HEX

#2d5d41

RGB

rgb(45, 93, 65)

HSL

hsl(145, 34.8%, 27.1%)

HSV / HSB

hsv(145, 51.6%, 36.5%)

CMYK

cmyk(51.6%, 0%, 30.1%, 63.5%)

LAB

lab(35.53, -23.59, 11.17)

LCH

lch(35.53, 26.1, 154.66)

OKLCH

oklch(43.6%, 0.0706, 156.27)

HWB

hwb(145, 17.6%, 63.5%)

Harmony colors

Complementary

#5d2d49

Analogous

#315d2d

#2d5d41

#2d5d59

Triadic

#2d5d41

#412d5d

#5d412d

Split-complementary

#2d5d41

#592d5d

#5d2d31

Tetradic

#2d5d41

#2d495d

#5d2d49

#5d412d

Square

#2d5d41

#2d315d

#5d2d49

#5d592d

Shades

Color #2d5d41 mixed toward black.

#264e36

#1e3e2b

#172f21

#0f1f16

#08100b

Tints

Color #2d5d41 mixed toward white.

#41875e

#58ae7c

#82c29d

#abd7bd

#d5ebde

Tones

Color #2d5d41 mixed toward gray.

#315942

#355542

#395143

#3d4d44

#414944

Accessibility

Aa White text on this color

7.63:1

Aa Black text on this color

2.75:1

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

Under color vision deficiencies

Protanopia

#474749 · ΔE 21.4

Deuteranopia

#44404b · ΔE 27

Tritanopia

#314f50 · ΔE 13.8

Achromatopsia

#545454 · ΔE 19.9

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

Code

CSS

background-color: #2d5d41;

Tailwind (arbitrary value)

bg-[#2d5d41]

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

#2d5d41 (#2d5d41) is rgb(45, 93, 65) in RGB.

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

Generate a palette → Check contrast