#389D39#389D39

#389D39 is a mid, vivid green. Relative luminance 0.253; OKLCH L 61.6% C 0.167 H 143.4°. Best body text is #000000 at 6.05:1 contrast (WCAG AA passes).

Color values

HEX#389D39
RGBrgb(56, 157, 57)
HSLhsl(121, 47%, 42%)
HSVhsv(121, 64%, 62%)
CMYKcmyk(64.3%, 0%, 63.7%, 38.4%)
CIE-LABlab(57.32, -49.31, 42.70)
CIE-LCHlch(57.32, 65.23, 139.11°)
OKLaboklab(61.56% -0.1339 0.0996)
OKLCHoklch(61.56% 0.167 143.4)
XYZxyz(14.4255, 25.2487, 7.9834)
Luminance0.2525 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#389D39 #9D389C
analogous
#6A9D38 #389D39 #389D6C
triadic
#389D39 #39389D #9D3938
tetradic
#389D39 #386A9D #9D389C #9D6C38
square
#389D39 #386A9D #9D389C #9D6C38
split-complementary
#389D39 #6C389D #9D386A
monochromatic
#184318 #287029 #389D39 #51C152 #7ED17F

Accessibility & contrast

On white

3.47
#389D39 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.05
#389D39 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #389D39
6.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##389D39#FFFFFF#000000##000000
##389D391.003.476.056.05
#FFFFFF3.471.0021.0021.00
#0000006.0521.001.001.00
##0000006.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#A08F2D
Deuteranopia (green-blind)
#948641
Tritanopia (blue-blind)
#239988
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #389d39;
/* rgb */ color: rgb(56, 157, 57);
/* oklch */ color: oklch(61.6% 0.167 143.4);
Tailwind
colors: {
  custom: {
    50: '#7bbb73',
    500: '#389d39',
    950: '#000000',
  },
}
SCSS
$custom: #389d39;
$custom-light: #7bbb73;
$custom-dark: #000000;
JSON
{
  "hex": "#389d39",
  "rgb": {
    "r": 56,
    "g": 157,
    "b": 57
  },
  "hsl": {
    "h": 120.594,
    "s": 47.418,
    "l": 41.765
  },
  "oklch": {
    "l": 0.61563,
    "c": 0.16687,
    "h": 143.4
  },
  "luminance": 0.2525
}

Semantic roles & 50–950 ramp

primary
#389D39
secondary
#BA76BA
accent
#51D6D7
background
#F8FBF7
surface
#EFF6ED
border
#CAD0C8
text
#0A1208
muted
#7C817B

Preview Lab

Preview with #389D39

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

Preview Lab → · Contrast checker → · Palette generator →

#389D39 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva