#4a7161

Color #4a7161

A muted dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 16.61 Nearest Tailwind class teal-700 #00786f · ΔE 8.7

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

Conversions

HEX

#4a7161

RGB

rgb(74, 113, 97)

HSL

hsl(155.4, 20.9%, 36.7%)

HSV / HSB

hsv(155.4, 34.5%, 44.3%)

CMYK

cmyk(34.5%, 0%, 14.2%, 55.7%)

LAB

lab(44.42, -17.6, 4.54)

LCH

lch(44.42, 18.18, 165.54)

OKLCH

oklch(51.4%, 0.0511, 166.75)

HWB

hwb(155.4, 29%, 55.7%)

Harmony colors

Complementary

#714a5a

Analogous

#4a714e

#4a7161

#4a6e71

Triadic

#4a7161

#614a71

#71614a

Split-complementary

#4a7161

#714a6e

#714e4a

Tetradic

#4a7161

#4a5a71

#714a5a

#71614a

Square

#4a7161

#4e4a71

#714a5a

#6e714a

Shades

Color #4a7161 mixed toward black.

#3e5e51

#314b41

#253931

#192620

#0c1310

Tints

Color #4a7161 mixed toward white.

#5f927d

#7daa97

#9dbfb1

#bed4cb

#deeae5

Tones

Color #4a7161 mixed toward gray.

#4d6e61

#516b60

#54675f

#57645f

#5a615e

Accessibility

Aa White text on this color

5.49:1

Aa Black text on this color

3.83:1

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

Under color vision deficiencies

Protanopia

#5d5e65 · ΔE 19.4

Deuteranopia

#5b5866 · ΔE 23.9

Tritanopia

#4d6869 · ΔE 9.2

Achromatopsia

#696969 · ΔE 16.6

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

Code

CSS

background-color: #4a7161;

Tailwind (arbitrary value)

bg-[#4a7161]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#4a7161 (#4a7161) is rgb(74, 113, 97) in RGB.

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

Generate a palette → Check contrast