#0c3d0c

Color #0c3d0c

A moderately saturated very dark green.

Closest named color Dark Olive Green #556b2f · ΔE 23.01 Nearest Tailwind class lime-950 #192e03 · ΔE 6.3

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

Conversions

HEX

#0c3d0c

RGB

rgb(12, 61, 12)

HSL

hsl(120, 67.1%, 14.3%)

HSV / HSB

hsv(120, 80.3%, 23.9%)

CMYK

cmyk(80.3%, 0%, 80.3%, 76.1%)

LAB

lab(21.73, -27.27, 24.42)

LCH

lch(21.73, 36.61, 138.16)

OKLCH

oklch(31.6%, 0.0927, 142.98)

HWB

hwb(120, 4.7%, 76.1%)

Harmony colors

Complementary

#3d0c3d

Analogous

#243d0c

#0c3d0c

#0c3d24

Triadic

#0c3d0c

#0c0c3d

#3d0c0c

Split-complementary

#0c3d0c

#240c3d

#3d0c24

Tetradic

#0c3d0c

#0c3d3d

#3d0c3d

#3d0c0c

Square

#0c3d0c

#0c243d

#3d0c3d

#3d240c

Shades

Color #0c3d0c mixed toward black.

#0a330a

#082908

#061e06

#041404

#020a02

Tints

Color #0c3d0c mixed toward white.

#187a18

#24b724

#48db48

#85e785

#c2f3c2

Tones

Color #0c3d0c mixed toward gray.

#103910

#143514

#183118

#1c2d1c

#202920

Accessibility

Aa White text on this color

12.44:1

Aa Black text on this color

1.69:1

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

Under color vision deficiencies

Protanopia

#292a20 · ΔE 17.7

Deuteranopia

#262323 · ΔE 25.3

Tritanopia

#12292b · ΔE 20.7

Achromatopsia

#343434 · ΔE 22.1

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

Code

CSS

background-color: #0c3d0c;

Tailwind (arbitrary value)

bg-[#0c3d0c]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#0c3d0c (#0c3d0c) is rgb(12, 61, 12) in RGB.

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

Generate a palette → Check contrast