#345d32

Color #345d32

A muted dark green.

Closest named color Dark Olive Green #556b2f · ΔE 13.43 Nearest Tailwind class green-900 #0d542b · ΔE 5.5

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

Conversions

HEX

#345d32

RGB

rgb(52, 93, 50)

HSL

hsl(117.2, 30.1%, 28%)

HSV / HSB

hsv(117.2, 46.2%, 36.5%)

CMYK

cmyk(44.1%, 0%, 46.2%, 63.5%)

LAB

lab(35.57, -24.26, 20.28)

LCH

lch(35.57, 31.62, 140.11)

OKLCH

oklch(43.6%, 0.0828, 143.01)

HWB

hwb(117.2, 19.6%, 63.5%)

Harmony colors

Complementary

#5b325d

Analogous

#495d32

#345d32

#325d45

Triadic

#345d32

#32345d

#5d3234

Split-complementary

#345d32

#45325d

#5d3249

Tetradic

#345d32

#325d5b

#5b325d

#5d3234

Square

#345d32

#32495d

#5b325d

#5d4532

Shades

Color #345d32 mixed toward black.

#2b4d2a

#233e21

#1a2e19

#111f11

#090f08

Tints

Color #345d32 mixed toward white.

#4a8547

#63a960

#8abf88

#b1d4af

#d8ead7

Tones

Color #345d32 mixed toward gray.

#375935

#3a5639

#3e523d

#414f40

#444b44

Accessibility

Aa White text on this color

7.61:1

Aa Black text on this color

2.76:1

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

Under color vision deficiencies

Protanopia

#494940 · ΔE 17.7

Deuteranopia

#474342 · ΔE 24.1

Tritanopia

#37484a · ΔE 19.5

Achromatopsia

#545454 · ΔE 20.9

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

Code

CSS

background-color: #345d32;

Tailwind (arbitrary value)

bg-[#345d32]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#345d32 (#345d32) is rgb(52, 93, 50) in RGB.

No, #345d32 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #345d32, or check how it holds up for accessibility.

Generate a palette → Check contrast