#326114

Color #326114

A moderately saturated dark green.

Closest named color Dark Green #006400 · ΔE 14 Nearest Tailwind class lime-800 #3c6300 · ΔE 3.5

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

Conversions

HEX

#326114

RGB

rgb(50, 97, 20)

HSL

hsl(96.6, 65.8%, 22.9%)

HSV / HSB

hsv(96.6, 79.4%, 38%)

CMYK

cmyk(48.5%, 0%, 79.4%, 62%)

LAB

lab(36.51, -30.45, 36.47)

LCH

lch(36.51, 47.51, 129.86)

OKLCH

oklch(44.3%, 0.1178, 136.03)

HWB

hwb(96.6, 7.8%, 62%)

Harmony colors

Complementary

#431461

Analogous

#586114

#326114

#14611c

Triadic

#326114

#143261

#611432

Split-complementary

#326114

#1c1461

#611458

Tetradic

#326114

#146143

#431461

#611432

Square

#326114

#145861

#431461

#611c14

Shades

Color #326114 mixed toward black.

#2a5111

#21410d

#19300a

#112007

#081003

Tints

Color #326114 mixed toward white.

#4e971f

#6acd2a

#8edd5c

#b4e992

#d9f4c9

Tones

Color #326114 mixed toward gray.

#335a1a

#355421

#364e27

#38472e

#394134

Accessibility

Aa White text on this color

7.35:1

Aa Black text on this color

2.86:1

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

Under color vision deficiencies

Protanopia

#4b4b34 · ΔE 16.2

Deuteranopia

#484439 · ΔE 21.4

Tritanopia

#364346 · ΔE 26.1

Achromatopsia

#565656 · ΔE 23.8

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

Code

CSS

background-color: #326114;

Tailwind (arbitrary value)

bg-[#326114]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#326114 (#326114) is rgb(50, 97, 20) in RGB.

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

Generate a palette → Check contrast