#38b382

Color #38b382

A moderately saturated medium green.

Closest named color Medium Sea Green #3cb371 · ΔE 9.34 Nearest Tailwind class emerald-500 #00bc7d · ΔE 3.7

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

Conversions

HEX

#38b382

RGB

rgb(56, 179, 130)

HSL

hsl(156.1, 52.3%, 46.1%)

HSV / HSB

hsv(156.1, 68.7%, 70.2%)

CMYK

cmyk(68.7%, 0%, 27.4%, 29.8%)

LAB

lab(65.51, -45.36, 15.4)

LCH

lch(65.51, 47.9, 161.25)

OKLCH

oklch(68.7%, 0.1304, 162.45)

HWB

hwb(156.1, 22%, 29.8%)

Harmony colors

Complementary

#b33869

Analogous

#38b345

#38b382

#38a7b3

Triadic

#38b382

#8238b3

#b38238

Split-complementary

#38b382

#b338a7

#b34538

Tetradic

#38b382

#3869b3

#b33869

#b38238

Square

#38b382

#4538b3

#b33869

#a7b338

Shades

Color #38b382 mixed toward black.

#2f956c

#257757

#1c5a41

#133c2b

#091e16

Tints

Color #38b382 mixed toward white.

#51c899

#73d3ad

#96dec2

#b9e9d6

#dcf4eb

Tones

Color #38b382 mixed toward gray.

#42a980

#4d9f7e

#57947c

#618a7a

#6b8078

Accessibility

Aa White text on this color

2.65:1

Aa Black text on this color

7.94:1

Black text reads better on this background (7.94:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#808190 · ΔE 30.8

Deuteranopia

#7a7093 · ΔE 38.5

Tritanopia

#459a9c · ΔE 18

Achromatopsia

#9f9f9f · ΔE 24.7

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

Code

CSS

background-color: #38b382;

Tailwind (arbitrary value)

bg-[#38b382]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#38b382 (#38b382) is rgb(56, 179, 130) in RGB.

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

Generate a palette → Check contrast