#387D56#387D56

#387D56 is a mid, moderate green. Relative luminance 0.162; OKLCH L 53.4% C 0.094 H 156.4°. Best body text is #FFFFFF at 4.96:1 contrast (WCAG AA passes).

Color values

HEX#387D56
RGBrgb(56, 125, 86)
HSLhsl(146, 38%, 35%)
HSVhsv(146, 55%, 49%)
CMYKcmyk(55.2%, 0%, 31.2%, 51%)
CIE-LABlab(47.21, -31.45, 14.81)
CIE-LCHlch(47.21, 34.76, 154.78°)
OKLaboklab(53.39% -0.0859 0.0376)
OKLCHoklch(53.39% 0.094 156.4)
XYZxyz(10.6434, 16.1789, 11.3643)
Luminance0.1618 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#387D56 #7D385F
analogous
#3C7D38 #387D56 #387D78
triadic
#387D56 #56387D #7D5638
tetradic
#387D56 #383C7D #7D385F #7D7838
square
#387D56 #383C7D #7D385F #7D7838
split-complementary
#387D56 #78387D #7D383C
monochromatic
#12281C #255339 #387D56 #4BA773 #70BF93

Accessibility & contrast

On white

4.96
#387D56 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.24
#387D56 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #387D56
4.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##387D56#FFFFFF#000000##FFFFFF
##387D561.004.964.244.96
#FFFFFF4.961.0021.001.00
#0000004.2421.001.0021.00
##FFFFFF4.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#7C7454
Deuteranopia (green-blind)
#726D58
Tritanopia (blue-blind)
#247C73
Achromatopsia (no color)
#707070

Design tokens & code

CSS
--color: #387d56;
/* rgb */ color: rgb(56, 125, 86);
/* oklch */ color: oklch(53.4% 0.094 156.4);
Tailwind
colors: {
  custom: {
    50: '#74a385',
    500: '#387d56',
    950: '#000000',
  },
}
SCSS
$custom: #387d56;
$custom-light: #74a385;
$custom-dark: #000000;
JSON
{
  "hex": "#387d56",
  "rgb": {
    "r": 56,
    "g": 125,
    "b": 86
  },
  "hsl": {
    "h": 146.087,
    "s": 38.122,
    "l": 35.49
  },
  "oklch": {
    "l": 0.53391,
    "c": 0.09373,
    "h": 156.4
  },
  "luminance": 0.1618
}

Semantic roles & 50–950 ramp

primary
#387D56
secondary
#A8698D
accent
#5A9BCE
background
#F7FAF8
surface
#EDF4EF
border
#C8CECA
text
#090F0B
muted
#7B7F7C

Preview Lab

Preview with #387D56

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#387D56 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva