#226314

Color #226314

A moderately saturated dark green.

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

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

Conversions

HEX

#226314

RGB

rgb(34, 99, 20)

HSL

hsl(109.4, 66.4%, 23.3%)

HSV / HSB

hsv(109.4, 79.8%, 38.8%)

CMYK

cmyk(65.7%, 0%, 79.8%, 61.2%)

LAB

lab(36.58, -36.26, 36.33)

LCH

lch(36.58, 51.33, 134.94)

OKLCH

oklch(44.1%, 0.1286, 140.55)

HWB

hwb(109.4, 7.8%, 61.2%)

Harmony colors

Complementary

#551463

Analogous

#496314

#226314

#14632d

Triadic

#226314

#142263

#631422

Split-complementary

#226314

#2d1463

#631449

Tetradic

#226314

#146355

#551463

#631422

Square

#226314

#144963

#551463

#632d14

Shades

Color #226314 mixed toward black.

#1c5211

#17420d

#11310a

#0b2107

#061003

Tints

Color #226314 mixed toward white.

#35991f

#47cf2a

#73de5c

#a2e993

#d0f4c9

Tones

Color #226314 mixed toward gray.

#265c1b

#2a5621

#2f4f28

#33492e

#374235

Accessibility

Aa White text on this color

7.34:1

Aa Black text on this color

2.86:1

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

Under color vision deficiencies

Protanopia

#474835 · ΔE 18.7

Deuteranopia

#433e3a · ΔE 26.3

Tritanopia

#284447 · ΔE 26.3

Achromatopsia

#565656 · ΔE 24.5

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

Code

CSS

background-color: #226314;

Tailwind (arbitrary value)

bg-[#226314]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#226314 (#226314) is rgb(34, 99, 20) in RGB.

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

Generate a palette → Check contrast