#4d6b60

Color #4d6b60

A muted dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 13.18 Nearest Tailwind class teal-800 #005f5a · ΔE 10.4

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

Conversions

HEX

#4d6b60

RGB

rgb(77, 107, 96)

HSL

hsl(158, 16.3%, 36.1%)

HSV / HSB

hsv(158, 28%, 42%)

CMYK

cmyk(28%, 0%, 10.3%, 58%)

LAB

lab(42.67, -13.51, 2.64)

LCH

lch(42.67, 13.77, 168.94)

OKLCH

oklch(50.1%, 0.0393, 170.03)

HWB

hwb(158, 30.2%, 58%)

Harmony colors

Complementary

#6b4d58

Analogous

#4d6b51

#4d6b60

#4d676b

Triadic

#4d6b60

#604d6b

#6b604d

Split-complementary

#4d6b60

#6b4d67

#6b514d

Tetradic

#4d6b60

#4d586b

#6b4d58

#6b604d

Square

#4d6b60

#514d6b

#6b4d58

#676b4d

Shades

Color #4d6b60 mixed toward black.

#405950

#334740

#273630

#1a2420

#0d1210

Tints

Color #4d6b60 mixed toward white.

#648b7c

#81a497

#a0bbb1

#c0d2cb

#dfe8e5

Tones

Color #4d6b60 mixed toward gray.

#50695f

#52665f

#55645e

#57615d

#5a5f5d

Accessibility

Aa White text on this color

5.85:1

Aa Black text on this color

3.59:1

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

Under color vision deficiencies

Protanopia

#5b5c63 · ΔE 16.6

Deuteranopia

#5a5763 · ΔE 20.4

Tritanopia

#4f6565 · ΔE 6.5

Achromatopsia

#656565 · ΔE 14

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

Code

CSS

background-color: #4d6b60;

Tailwind (arbitrary value)

bg-[#4d6b60]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#4d6b60 (#4d6b60) is rgb(77, 107, 96) in RGB.

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

Generate a palette → Check contrast