#1d6040

Color #1d6040

A moderately saturated dark green.

Closest named color Sea Green #2e8b57 · ΔE 20.25 Nearest Tailwind class emerald-800 #006045 · ΔE 2.7

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

Conversions

HEX

#1d6040

RGB

rgb(29, 96, 64)

HSL

hsl(151.3, 53.6%, 24.5%)

HSV / HSB

hsv(151.3, 69.8%, 37.6%)

CMYK

cmyk(69.8%, 0%, 33.3%, 62.4%)

LAB

lab(35.98, -29.31, 12.3)

LCH

lch(35.98, 31.79, 157.23)

OKLCH

oklch(43.8%, 0.0857, 158.65)

HWB

hwb(151.3, 11.4%, 62.4%)

Harmony colors

Complementary

#601d3d

Analogous

#1d601e

#1d6040

#1d5f60

Triadic

#1d6040

#401d60

#60401d

Split-complementary

#1d6040

#601d5f

#601e1d

Tetradic

#1d6040

#1d3d60

#601d3d

#60401d

Square

#1d6040

#1e1d60

#601d3d

#5f601d

Shades

Color #1d6040 mixed toward black.

#185035

#13402b

#0e3020

#0a2015

#05100b

Tints

Color #1d6040 mixed toward white.

#2c9161

#3bc382

#6bd2a1

#9ce1c0

#cef0e0

Tones

Color #1d6040 mixed toward gray.

#235a40

#28553f

#2e4f3f

#334a3f

#39443f

Accessibility

Aa White text on this color

7.5:1

Aa Black text on this color

2.8:1

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

Under color vision deficiencies

Protanopia

#444449 · ΔE 24.7

Deuteranopia

#403b4b · ΔE 30.3

Tritanopia

#245051 · ΔE 14.7

Achromatopsia

#555555 · ΔE 21.8

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

Code

CSS

background-color: #1d6040;

Tailwind (arbitrary value)

bg-[#1d6040]

Related colors

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Sea Green #2e8b57

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#1d6040 (#1d6040) is rgb(29, 96, 64) in RGB.

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

Generate a palette → Check contrast