#388D29#388D29

#388D29 is a mid, vivid green. Relative luminance 0.201; OKLCH L 57.0% C 0.158 H 140.9°. Best body text is #000000 at 5.01:1 contrast (WCAG AA passes).

Color values

HEX#388D29
RGBrgb(56, 141, 41)
HSLhsl(111, 55%, 36%)
HSVhsv(111, 71%, 55%)
CMYKcmyk(60.3%, 0%, 70.9%, 44.7%)
CIE-LABlab(51.89, -44.95, 43.77)
CIE-LCHlch(51.89, 62.74, 135.76°)
OKLaboklab(57.04% -0.1229 0.1)
OKLCHoklch(57.04% 0.158 140.9)
XYZxyz(11.5554, 20.0496, 5.3584)
Luminance0.2005 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#388D29 #7E298D
analogous
#6A8D29 #388D29 #298D4C
triadic
#388D29 #29388D #8D2938
tetradic
#388D29 #296A8D #7E298D #8D4C29
square
#388D29 #296A8D #7E298D #8D4C29
split-complementary
#388D29 #4C298D #8D296A
monochromatic
#122E0D #255E1B #388D29 #4BBC37 #71D160

Accessibility & contrast

On white

4.19
#388D29 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.01
#388D29 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #388D29
5.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##388D29#FFFFFF#000000##000000
##388D291.004.195.015.01
#FFFFFF4.191.0021.0021.00
#0000005.0121.001.001.00
##0000005.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#91801A
Deuteranopia (green-blind)
#867932
Tritanopia (blue-blind)
#2C8879
Achromatopsia (no color)
#7C7C7C

Design tokens & code

CSS
--color: #388d29;
/* rgb */ color: rgb(56, 141, 41);
/* oklch */ color: oklch(57.0% 0.158 140.9);
Tailwind
colors: {
  custom: {
    50: '#79af68',
    500: '#388d29',
    950: '#000000',
  },
}
SCSS
$custom: #388d29;
$custom-light: #79af68;
$custom-dark: #000000;
JSON
{
  "hex": "#388d29",
  "rgb": {
    "r": 56,
    "g": 141,
    "b": 41
  },
  "hsl": {
    "h": 111,
    "s": 54.945,
    "l": 35.686
  },
  "oklch": {
    "l": 0.57037,
    "c": 0.15847,
    "h": 140.9
  },
  "luminance": 0.20051
}

Semantic roles & 50–950 ramp

primary
#388D29
secondary
#A95BB6
accent
#4ADEC8
background
#F7FAF6
surface
#EEF5EB
border
#C9CFC6
text
#0A1006
muted
#7C7F7A

Preview Lab

Preview with #388D29

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

Preview Lab → · Contrast checker → · Palette generator →

#388D29 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva