#456533

Color #456533

A muted dark green.

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

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

Conversions

HEX

#456533

RGB

rgb(69, 101, 51)

HSL

hsl(98.4, 32.9%, 29.8%)

HSV / HSB

hsv(98.4, 49.5%, 39.6%)

CMYK

cmyk(31.7%, 0%, 49.5%, 60.4%)

LAB

lab(39.26, -21.8, 24.57)

LCH

lch(39.26, 32.85, 131.58)

OKLCH

oklch(46.9%, 0.0845, 135.24)

HWB

hwb(98.4, 20%, 60.4%)

Harmony colors

Complementary

#533365

Analogous

#5e6533

#456533

#33653a

Triadic

#456533

#334565

#653345

Split-complementary

#456533

#3a3365

#65335e

Tetradic

#456533

#336553

#533365

#653345

Square

#456533

#335e65

#533365

#653a33

Shades

Color #456533 mixed toward black.

#39542a

#2e4322

#223219

#172211

#0b1108

Tints

Color #456533 mixed toward white.

#608d47

#7daf60

#9dc388

#bed7b0

#deebd7

Tones

Color #456533 mixed toward gray.

#466137

#475d3b

#48583f

#4a5444

#4b5048

Accessibility

Aa White text on this color

6.64:1

Aa Black text on this color

3.16:1

White text reads better on this background (6.64:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#555543 · ΔE 13.9

Deuteranopia

#535047 · ΔE 18.5

Tritanopia

#474d4f · ΔE 21.8

Achromatopsia

#5c5c5c · ΔE 20.8

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

Code

CSS

background-color: #456533;

Tailwind (arbitrary value)

bg-[#456533]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#456533 (#456533) is rgb(69, 101, 51) in RGB.

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

Generate a palette → Check contrast