#03400b

Color #03400b

A vivid, highly saturated very dark green.

Closest named color Dark Olive Green #556b2f · ΔE 23.17 Nearest Tailwind class green-900 #0d542b · ΔE 7.4

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

Conversions

HEX

#03400b

RGB

rgb(3, 64, 11)

HSL

hsl(127.9, 91%, 13.1%)

HSV / HSB

hsv(127.9, 95.3%, 25.1%)

CMYK

cmyk(95.3%, 0%, 82.8%, 74.9%)

LAB

lab(22.69, -30.32, 25.8)

LCH

lch(22.69, 39.81, 139.6)

OKLCH

oklch(32.4%, 0.1006, 144.38)

HWB

hwb(127.9, 1.2%, 74.9%)

Harmony colors

Complementary

#400338

Analogous

#194003

#03400b

#034029

Triadic

#03400b

#0b0340

#400b03

Split-complementary

#03400b

#290340

#400319

Tetradic

#03400b

#033840

#400338

#400b03

Square

#03400b

#031940

#400338

#402903

Shades

Color #03400b mixed toward black.

#033509

#022b07

#022006

#011504

#010b02

Tints

Color #03400b mixed toward white.

#068617

#0acd23

#2bf546

#72f884

#b8fcc1

Tones

Color #03400b mixed toward gray.

#083b0f

#0d3612

#123116

#172c1a

#1c261e

Accessibility

Aa White text on this color

12.05:1

Aa Black text on this color

1.74:1

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

Under color vision deficiencies

Protanopia

#2a2a21 · ΔE 19.4

Deuteranopia

#262224 · ΔE 28.6

Tritanopia

#0b2b2d · ΔE 21.3

Achromatopsia

#363636 · ΔE 22.8

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

Code

CSS

background-color: #03400b;

Tailwind (arbitrary value)

bg-[#03400b]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#03400b (#03400b) is rgb(3, 64, 11) in RGB.

No, #03400b is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast