#4b7959

Color #4b7959

A muted dark green.

Closest named color Sea Green #2e8b57 · ΔE 18.66 Nearest Tailwind class emerald-700 #007a55 · ΔE 7.1

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

Conversions

HEX

#4b7959

RGB

rgb(75, 121, 89)

HSL

hsl(138.3, 23.5%, 38.4%)

HSV / HSB

hsv(138.3, 38%, 47.5%)

CMYK

cmyk(38%, 0%, 26.4%, 52.5%)

LAB

lab(46.83, -23.23, 12.69)

LCH

lch(46.83, 26.47, 151.35)

OKLCH

oklch(53.3%, 0.0716, 153.08)

HWB

hwb(138.3, 29.4%, 52.5%)

Harmony colors

Complementary

#794b6b

Analogous

#54794b

#4b7959

#4b7970

Triadic

#4b7959

#594b79

#79594b

Split-complementary

#4b7959

#704b79

#794b54

Tetradic

#4b7959

#4b6b79

#794b6b

#79594b

Square

#4b7959

#4b5479

#794b6b

#79704b

Shades

Color #4b7959 mixed toward black.

#3e654a

#32513b

#253c2c

#19281e

#0c140f

Tints

Color #4b7959 mixed toward white.

#5f9971

#7eaf8d

#9ec3a9

#bed7c6

#dfebe2

Tones

Color #4b7959 mixed toward gray.

#4f755a

#53715c

#566d5d

#5a6a5f

#5e6660

Accessibility

Aa White text on this color

5.03:1

Aa Black text on this color

4.18:1

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

Under color vision deficiencies

Protanopia

#626362 · ΔE 19.6

Deuteranopia

#5f5c64 · ΔE 25.6

Tritanopia

#4e686a · ΔE 15.6

Achromatopsia

#6f6f6f · ΔE 19.9

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

Code

CSS

background-color: #4b7959;

Tailwind (arbitrary value)

bg-[#4b7959]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Forest Green #228b22

Mint Green #98ff98

Frequently asked questions

#4b7959 (#4b7959) is rgb(75, 121, 89) in RGB.

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

Generate a palette → Check contrast