#0c462e

Color #0c462e

A vivid, highly saturated very dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 19.33 Nearest Tailwind class emerald-900 #004f3b · ΔE 3.8

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

Conversions

HEX

#0c462e

RGB

rgb(12, 70, 46)

HSL

hsl(155.2, 70.7%, 16.1%)

HSV / HSB

hsv(155.2, 82.9%, 27.5%)

CMYK

cmyk(82.9%, 0%, 34.3%, 72.5%)

LAB

lab(25.73, -24.81, 9.38)

LCH

lch(25.73, 26.52, 159.29)

OKLCH

oklch(35.1%, 0.0717, 160.6)

HWB

hwb(155.2, 4.7%, 72.5%)

Harmony colors

Complementary

#460c24

Analogous

#0c4611

#0c462e

#0c4146

Triadic

#0c462e

#2e0c46

#462e0c

Split-complementary

#0c462e

#460c41

#46110c

Tetradic

#0c462e

#0c2446

#460c24

#462e0c

Square

#0c462e

#110c46

#460c24

#41460c

Shades

Color #0c462e mixed toward black.

#0a3a26

#082f1f

#062317

#04170f

#020c08

Tints

Color #0c462e mixed toward white.

#168356

#21c07e

#48e0a1

#85eac0

#c2f5e0

Tones

Color #0c462e mixed toward gray.

#11412d

#163c2c

#1b382c

#1f332b

#242e2a

Accessibility

Aa White text on this color

10.87:1

Aa Black text on this color

1.93:1

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

Under color vision deficiencies

Protanopia

#2f3035 · ΔE 22.6

Deuteranopia

#2c2836 · ΔE 28.3

Tritanopia

#133a3b · ΔE 12.5

Achromatopsia

#3d3d3d · ΔE 20.2

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

Code

CSS

background-color: #0c462e;

Tailwind (arbitrary value)

bg-[#0c462e]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#0c462e (#0c462e) is rgb(12, 70, 46) in RGB.

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

Generate a palette → Check contrast