#378942

Color #378942

A moderately saturated dark green.

Closest named color Sea Green #2e8b57 · ΔE 10.61 Nearest Tailwind class green-700 #008236 · ΔE 4.3

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

Conversions

HEX

#378942

RGB

rgb(55, 137, 66)

HSL

hsl(128, 42.7%, 37.6%)

HSV / HSB

hsv(128, 59.9%, 53.7%)

CMYK

cmyk(59.9%, 0%, 51.8%, 46.3%)

LAB

lab(50.8, -40.6, 30.6)

LCH

lch(50.8, 50.84, 142.99)

OKLCH

oklch(56.2%, 0.1324, 146.08)

HWB

hwb(128, 21.6%, 46.3%)

Harmony colors

Complementary

#89377e

Analogous

#558937

#378942

#37896b

Triadic

#378942

#423789

#894237

Split-complementary

#378942

#6b3789

#893755

Tetradic

#378942

#377e89

#89377e

#894237

Square

#378942

#375589

#89377e

#896b37

Shades

Color #378942 mixed toward black.

#2e7237

#255b2c

#1b4421

#122e16

#09170b

Tints

Color #378942 mixed toward white.

#46af54

#68c274

#8dd197

#b3e1b9

#d9f0dc

Tones

Color #378942 mixed toward gray.

#3e8247

#457b4c

#4b7451

#526e56

#59675b

Accessibility

Aa White text on this color

4.36:1

Aa Black text on this color

4.82:1

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

Under color vision deficiencies

Protanopia

#65665a · ΔE 22

Deuteranopia

#605a5f · ΔE 34

Tritanopia

#3e686b · ΔE 25.3

Achromatopsia

#797979 · ΔE 24.7

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

Code

CSS

background-color: #378942;

Tailwind (arbitrary value)

bg-[#378942]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#378942 (#378942) is rgb(55, 137, 66) in RGB.

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

Generate a palette → Check contrast