#457030

Color #457030

A moderately saturated dark green.

Closest named color Dark Olive Green #556b2f · ΔE 8.87 Nearest Tailwind class lime-800 #3c6300 · ΔE 7

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

Conversions

HEX

#457030

RGB

rgb(69, 112, 48)

HSL

hsl(100.3, 40%, 31.4%)

HSV / HSB

hsv(100.3, 57.1%, 43.9%)

CMYK

cmyk(38.4%, 0%, 57.1%, 56.1%)

LAB

lab(42.86, -27.68, 30.57)

LCH

lch(42.86, 41.24, 132.16)

OKLCH

oklch(49.8%, 0.1053, 136.46)

HWB

hwb(100.3, 18.8%, 56.1%)

Harmony colors

Complementary

#5b3070

Analogous

#657030

#457030

#30703b

Triadic

#457030

#304570

#703045

Split-complementary

#457030

#3b3070

#703065

Tetradic

#457030

#30705b

#5b3070

#703045

Square

#457030

#306570

#5b3070

#703b30

Shades

Color #457030 mixed toward black.

#3a5d28

#2e4b20

#233818

#172510

#0c1308

Tints

Color #457030 mixed toward white.

#5e9942

#7ab95c

#9ccb85

#bddcad

#deeed6

Tones

Color #457030 mixed toward gray.

#476b35

#49653b

#4b6040

#4c5b45

#4e554b

Accessibility

Aa White text on this color

5.81:1

Aa Black text on this color

3.61:1

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

Under color vision deficiencies

Protanopia

#5b5b46 · ΔE 15.7

Deuteranopia

#58554a · ΔE 20.1

Tritanopia

#485356 · ΔE 24.6

Achromatopsia

#656565 · ΔE 22.8

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

Code

CSS

background-color: #457030;

Tailwind (arbitrary value)

bg-[#457030]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Forest Green #228b22

Mint Green #98ff98

Frequently asked questions

#457030 (#457030) is rgb(69, 112, 48) in RGB.

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

Generate a palette → Check contrast