#445300

Color #445300

A vivid, highly saturated very dark green.

Closest named color Dark Olive Green #556b2f · ΔE 13.67 Nearest Tailwind class lime-900 #35530e · ΔE 5.1

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

Conversions

HEX

#445300

RGB

rgb(68, 83, 0)

HSL

hsl(70.8, 100%, 16.3%)

HSV / HSB

hsv(70.8, 100%, 32.5%)

CMYK

cmyk(18.1%, 0%, 100%, 67.5%)

LAB

lab(32.73, -16.93, 40.24)

LCH

lch(32.73, 43.66, 112.82)

OKLCH

oklch(41.4%, 0.0993, 120.9)

HWB

hwb(70.8, 0%, 67.5%)

Harmony colors

Complementary

#0f0053

Analogous

#533900

#445300

#1b5300

Triadic

#445300

#004453

#530044

Split-complementary

#445300

#001b53

#390053

Tetradic

#445300

#00530f

#0f0053

#530044

Square

#445300

#005339

#0f0053

#53001b

Shades

Color #445300 mixed toward black.

#394500

#2d3700

#222a00

#171c00

#0b0e00

Tints

Color #445300 mixed toward white.

#7f9a00

#b9e100

#d9ff2a

#e5ff71

#f2ffb8

Tones

Color #445300 mixed toward gray.

#404c07

#3b450e

#373e15

#32371c

#2e3023

Accessibility

Aa White text on this color

8.46:1

Aa Black text on this color

2.48:1

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

Under color vision deficiencies

Protanopia

#4b4b28 · ΔE 9.4

Deuteranopia

#4a492d · ΔE 11.5

Tritanopia

#453639 · ΔE 31

Achromatopsia

#4d4d4d · ΔE 22.4

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

Code

CSS

background-color: #445300;

Tailwind (arbitrary value)

bg-[#445300]

Related colors

Olive Drab #6b8e23

Yellow Green #9acd32

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Frequently asked questions

#445300 (#445300) is rgb(68, 83, 0) in RGB.

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

Generate a palette → Check contrast