#387F40#387F40

#387F40 is a mid, moderate green. Relative luminance 0.164; OKLCH L 53.5% C 0.119 H 145.9°. Best body text is #FFFFFF at 4.91:1 contrast (WCAG AA passes).

Color values

HEX#387F40
RGBrgb(56, 127, 64)
HSLhsl(127, 39%, 36%)
HSVhsv(127, 56%, 50%)
CMYKcmyk(55.9%, 0%, 49.6%, 50.2%)
CIE-LABlab(47.48, -36.44, 27.54)
CIE-LCHlch(47.48, 45.68, 142.92°)
OKLaboklab(53.49% -0.0988 0.067)
OKLCHoklch(53.49% 0.119 145.9)
XYZxyz(10.1451, 16.3888, 7.4782)
Luminance0.1639 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#387F40 #7F3877
analogous
#537F38 #387F40 #387F63
triadic
#387F40 #40387F #7F4038
tetradic
#387F40 #38537F #7F3877 #7F6338
square
#387F40 #38537F #7F3877 #7F6338
split-complementary
#387F40 #63387F #7F3853
monochromatic
#132A15 #25552B #387F40 #4BA955 #71C07A

Accessibility & contrast

On white

4.91
#387F40 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.28
#387F40 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #387F40
4.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##387F40#FFFFFF#000000##FFFFFF
##387F401.004.914.284.91
#FFFFFF4.911.0021.001.00
#0000004.2821.001.0021.00
##FFFFFF4.911.0021.001.00

Color blindness preview

Protanopia (red-blind)
#81753B
Deuteranopia (green-blind)
#776E44
Tritanopia (blue-blind)
#2B7C70
Achromatopsia (no color)
#717171

Design tokens & code

CSS
--color: #387f40;
/* rgb */ color: rgb(56, 127, 64);
/* oklch */ color: oklch(53.5% 0.119 145.9);
Tailwind
colors: {
  custom: {
    50: '#75a576',
    500: '#387f40',
    950: '#000000',
  },
}
SCSS
$custom: #387f40;
$custom-light: #75a576;
$custom-dark: #000000;
JSON
{
  "hex": "#387f40",
  "rgb": {
    "r": 56,
    "g": 127,
    "b": 64
  },
  "hsl": {
    "h": 126.761,
    "s": 38.798,
    "l": 35.882
  },
  "oklch": {
    "l": 0.53486,
    "c": 0.11936,
    "h": 145.9
  },
  "luminance": 0.1639
}

Semantic roles & 50–950 ramp

primary
#387F40
secondary
#A969A2
accent
#59C1CF
background
#F7FAF7
surface
#EDF4ED
border
#C8CEC8
text
#090F08
muted
#7B7F7B

Preview Lab

Preview with #387F40

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

Preview Lab → · Contrast checker → · Palette generator →

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