#145a3e

Color #145a3e

A moderately saturated dark green.

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

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

Conversions

HEX

#145a3e

RGB

rgb(20, 90, 62)

HSL

hsl(156, 63.6%, 21.6%)

HSV / HSB

hsv(156, 77.8%, 35.3%)

CMYK

cmyk(77.8%, 0%, 31.1%, 64.7%)

LAB

lab(33.58, -28.72, 10.19)

LCH

lch(33.58, 30.47, 160.47)

OKLCH

oklch(41.7%, 0.0827, 161.74)

HWB

hwb(156, 7.8%, 64.7%)

Harmony colors

Complementary

#5a1430

Analogous

#145a1b

#145a3e

#14535a

Triadic

#145a3e

#3e145a

#5a3e14

Split-complementary

#145a3e

#5a1453

#5a1b14

Tetradic

#145a3e

#14305a

#5a1430

#5a3e14

Square

#145a3e

#1b145a

#5a1430

#535a14

Shades

Color #145a3e mixed toward black.

#114b34

#0d3c29

#0a2d1f

#071e15

#030f0a

Tints

Color #145a3e mixed toward white.

#209164

#2cc789

#5bdba8

#92e7c5

#c8f3e2

Tones

Color #145a3e mixed toward gray.

#1a543d

#204e3c

#26493b

#2b4339

#313d38

Accessibility

Aa White text on this color

8.2:1

Aa Black text on this color

2.56:1

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

Under color vision deficiencies

Protanopia

#3e3f46 · ΔE 24.7

Deuteranopia

#3a3548 · ΔE 30.7

Tritanopia

#1c4c4d · ΔE 13.3

Achromatopsia

#4f4f4f · ΔE 21.6

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

Code

CSS

background-color: #145a3e;

Tailwind (arbitrary value)

bg-[#145a3e]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#145a3e (#145a3e) is rgb(20, 90, 62) in RGB.

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

Generate a palette → Check contrast