#00331b

Color #00331b

A vivid, highly saturated very dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 22.93 Nearest Tailwind class green-950 #032e15 · ΔE 1.9

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

Conversions

HEX

#00331b

RGB

rgb(0, 51, 27)

HSL

hsl(151.8, 100%, 10%)

HSV / HSB

hsv(151.8, 100%, 20%)

CMYK

cmyk(100%, 0%, 47.1%, 80%)

LAB

lab(17.68, -23.13, 10.81)

LCH

lch(17.68, 25.53, 154.95)

OKLCH

oklch(28.2%, 0.0678, 156.54)

HWB

hwb(151.8, 0%, 80%)

Harmony colors

Complementary

#330018

Analogous

#003302

#00331b

#003133

Triadic

#00331b

#1b0033

#331b00

Split-complementary

#00331b

#330031

#330200

Tetradic

#00331b

#001833

#330018

#331b00

Square

#00331b

#020033

#330018

#313300

Shades

Color #00331b mixed toward black.

#002b17

#002212

#00190e

#001109

#000805

Tints

Color #00331b mixed toward white.

#008044

#00cc6c

#1aff93

#66ffb7

#b3ffdb

Tones

Color #00331b mixed toward gray.

#042f1b

#092b1b

#0d261a

#11221a

#151e1a

Accessibility

Aa White text on this color

14.1:1

Aa Black text on this color

1.49:1

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

Under color vision deficiencies

Protanopia

#202022 · ΔE 21.1

Deuteranopia

#1d1924 · ΔE 27.3

Tritanopia

#052728 · ΔE 13.1

Achromatopsia

#2b2b2b · ΔE 19.7

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

Code

CSS

background-color: #00331b;

Tailwind (arbitrary value)

bg-[#00331b]

Related colors

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Medium Spring Green #00fa9a

Sea Green #2e8b57

Medium Aquamarine #66cdaa

Frequently asked questions

#00331b (#00331b) is rgb(0, 51, 27) in RGB.

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

Generate a palette → Check contrast