#14735d

Color #14735d

A vivid, highly saturated dark green.

Closest named color Teal #008080 · ΔE 14.52 Nearest Tailwind class emerald-700 #007a55 · ΔE 5.1

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

Conversions

HEX

#14735d

RGB

rgb(20, 115, 93)

HSL

hsl(166.1, 70.4%, 26.5%)

HSV / HSB

hsv(166.1, 82.6%, 45.1%)

CMYK

cmyk(82.6%, 0%, 19.1%, 54.9%)

LAB

lab(43.06, -31.92, 4.73)

LCH

lch(43.06, 32.27, 171.57)

OKLCH

oklch(49.8%, 0.0904, 172.37)

HWB

hwb(166.1, 7.8%, 54.9%)

Harmony colors

Complementary

#73142a

Analogous

#14732e

#14735d

#145a73

Triadic

#14735d

#5d1473

#735d14

Split-complementary

#14735d

#73145a

#732e14

Tetradic

#14735d

#142a73

#73142a

#735d14

Square

#14735d

#2e1473

#73142a

#5a7314

Shades

Color #14735d mixed toward black.

#11604e

#0d4d3e

#0a3a2f

#07261f

#031310

Tints

Color #14735d mixed toward white.

#1da888

#2adab1

#5fe3c5

#95edd8

#caf6ec

Tones

Color #14735d mixed toward gray.

#1c6b59

#246355

#2c5b50

#34534c

#3c4c48

Accessibility

Aa White text on this color

5.77:1

Aa Black text on this color

3.64:1

White text reads better on this background (5.77:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#4f5063 · ΔE 28.5

Deuteranopia

#4a4364 · ΔE 33.3

Tritanopia

#216768 · ΔE 10.5

Achromatopsia

#666666 · ΔE 22.3

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

Code

CSS

background-color: #14735d;

Tailwind (arbitrary value)

bg-[#14735d]

Related colors

Aquamarine #7fffd4

Medium Aquamarine #66cdaa

Turquoise #40e0d0

Medium Spring Green #00fa9a

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Frequently asked questions

#14735d (#14735d) is rgb(20, 115, 93) in RGB.

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

Generate a palette → Check contrast