#164d15

Color #164d15

A moderately saturated very dark green.

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

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

Conversions

HEX

#164d15

RGB

rgb(22, 77, 21)

HSL

hsl(118.9, 57.1%, 19.2%)

HSV / HSB

hsv(118.9, 72.7%, 30.2%)

CMYK

cmyk(71.4%, 0%, 72.7%, 69.8%)

LAB

lab(28.2, -30.42, 27.09)

LCH

lch(28.2, 40.73, 138.31)

OKLCH

oklch(37.1%, 0.1037, 142.88)

HWB

hwb(118.9, 8.2%, 69.8%)

Harmony colors

Complementary

#4c154d

Analogous

#324d15

#164d15

#154d30

Triadic

#164d15

#15164d

#4d1516

Split-complementary

#164d15

#30154d

#4d1532

Tetradic

#164d15

#154d4c

#4c154d

#4d1516

Square

#164d15

#15324d

#4c154d

#4d3015

Shades

Color #164d15 mixed toward black.

#124012

#0f330e

#0b260b

#071a07

#040d04

Tints

Color #164d15 mixed toward white.

#258324

#35b932

#5fd35d

#95e293

#caf0c9

Tones

Color #164d15 mixed toward gray.

#1b481a

#1f441e

#233f23

#283a28

#2c362c

Accessibility

Aa White text on this color

9.97:1

Aa Black text on this color

2.11:1

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

Under color vision deficiencies

Protanopia

#36362a · ΔE 18.6

Deuteranopia

#332f2e · ΔE 26.1

Tritanopia

#1c3638 · ΔE 22

Achromatopsia

#434343 · ΔE 23

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

Code

CSS

background-color: #164d15;

Tailwind (arbitrary value)

bg-[#164d15]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#164d15 (#164d15) is rgb(22, 77, 21) in RGB.

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

Generate a palette → Check contrast