#1b671b

Color #1b671b

A moderately saturated dark green.

Closest named color Dark Green #006400 · ΔE 8.67 Nearest Tailwind class green-800 #016630 · ΔE 5

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

Conversions

HEX

#1b671b

RGB

rgb(27, 103, 27)

HSL

hsl(120, 58.5%, 25.5%)

HSV / HSB

hsv(120, 73.8%, 40.4%)

CMYK

cmyk(73.8%, 0%, 73.8%, 59.6%)

LAB

lab(37.86, -38.78, 34.7)

LCH

lch(37.86, 52.04, 138.18)

OKLCH

oklch(45.2%, 0.1318, 143.02)

HWB

hwb(120, 10.6%, 59.6%)

Harmony colors

Complementary

#671b67

Analogous

#41671b

#1b671b

#1b6741

Triadic

#1b671b

#1b1b67

#671b1b

Split-complementary

#1b671b

#411b67

#671b41

Tetradic

#1b671b

#1b6767

#671b67

#671b1b

Square

#1b671b

#1b4167

#671b67

#67411b

Shades

Color #1b671b mixed toward black.

#165616

#124512

#0d340d

#092209

#041104

Tints

Color #1b671b mixed toward white.

#289928

#36ca36

#68d868

#9be59b

#cdf2cd

Tones

Color #1b671b mixed toward gray.

#216121

#285a28

#2e542e

#344e34

#3b473b

Accessibility

Aa White text on this color

6.99:1

Aa Black text on this color

3:1

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

Under color vision deficiencies

Protanopia

#484939 · ΔE 20.1

Deuteranopia

#443e3e · ΔE 30.1

Tritanopia

#23484b · ΔE 25.9

Achromatopsia

#595959 · ΔE 24.7

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

Code

CSS

background-color: #1b671b;

Tailwind (arbitrary value)

bg-[#1b671b]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#1b671b (#1b671b) is rgb(27, 103, 27) in RGB.

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

Generate a palette → Check contrast