#1e5128

Color #1e5128

A moderately saturated dark green.

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

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

Conversions

HEX

#1e5128

RGB

rgb(30, 81, 40)

HSL

hsl(131.8, 45.9%, 21.8%)

HSV / HSB

hsv(131.8, 63%, 31.8%)

CMYK

cmyk(63%, 0%, 50.6%, 68.2%)

LAB

lab(30.19, -27.22, 19.08)

LCH

lch(30.19, 33.24, 144.97)

OKLCH

oklch(38.9%, 0.0872, 147.7)

HWB

hwb(131.8, 11.8%, 68.2%)

Harmony colors

Complementary

#511e47

Analogous

#2e511e

#1e5128

#1e5142

Triadic

#1e5128

#281e51

#51281e

Split-complementary

#1e5128

#421e51

#511e2e

Tetradic

#1e5128

#1e4751

#511e47

#51281e

Square

#1e5128

#1e2e51

#511e47

#51421e

Shades

Color #1e5128 mixed toward black.

#194421

#14361b

#0f2914

#0a1b0d

#050e07

Tints

Color #1e5128 mixed toward white.

#308240

#42b258

#6ec980

#9edbaa

#cfedd5

Tones

Color #1e5128 mixed toward gray.

#224d2b

#27492d

#2b4430

#2f4032

#333c35

Accessibility

Aa White text on this color

9.28:1

Aa Black text on this color

2.26:1

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

Under color vision deficiencies

Protanopia

#3a3b35 · ΔE 19.2

Deuteranopia

#383438 · ΔE 27.1

Tritanopia

#233e3f · ΔE 18

Achromatopsia

#474747 · ΔE 21.7

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

Code

CSS

background-color: #1e5128;

Tailwind (arbitrary value)

bg-[#1e5128]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#1e5128 (#1e5128) is rgb(30, 81, 40) in RGB.

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

Generate a palette → Check contrast