#377c6a

Color #377c6a

A muted dark green.

Closest named color Teal #008080 · ΔE 12.01 Nearest Tailwind class teal-700 #00786f · ΔE 5.2

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

Conversions

HEX

#377c6a

RGB

rgb(55, 124, 106)

HSL

hsl(164.3, 38.5%, 35.1%)

HSV / HSB

hsv(164.3, 55.6%, 48.6%)

CMYK

cmyk(55.6%, 0%, 14.5%, 51.4%)

LAB

lab(47.32, -26.48, 3.26)

LCH

lch(47.32, 26.68, 172.98)

OKLCH

oklch(53.6%, 0.0758, 173.79)

HWB

hwb(164.3, 21.6%, 51.4%)

Harmony colors

Complementary

#7c3749

Analogous

#377c47

#377c6a

#376c7c

Triadic

#377c6a

#6a377c

#7c6a37

Split-complementary

#377c6a

#7c376c

#7c4737

Tetradic

#377c6a

#37497c

#7c3749

#7c6a37

Square

#377c6a

#47377c

#7c3749

#6c7c37

Shades

Color #377c6a mixed toward black.

#2e6758

#255347

#1c3e35

#122923

#091512

Tints

Color #377c6a mixed toward white.

#48a28b

#66bba5

#8cccbb

#b3ddd2

#d9eee8

Tones

Color #377c6a mixed toward gray.

#3d7667

#437064

#486b62

#4e655f

#545f5c

Accessibility

Aa White text on this color

4.94:1

Aa Black text on this color

4.25:1

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

Under color vision deficiencies

Protanopia

#5d5d6f · ΔE 27.1

Deuteranopia

#595370 · ΔE 31.2

Tritanopia

#3d7273 · ΔE 9

Achromatopsia

#707070 · ΔE 20.6

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

Code

CSS

background-color: #377c6a;

Tailwind (arbitrary value)

bg-[#377c6a]

Related colors

Aquamarine #7fffd4

Medium Aquamarine #66cdaa

Medium Spring Green #00fa9a

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Frequently asked questions

#377c6a (#377c6a) is rgb(55, 124, 106) in RGB.

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

Generate a palette → Check contrast