#3E9D47#3E9D47

#3E9D47 is a mid, vivid green. Relative luminance 0.256; OKLCH L 61.9% C 0.152 H 145.1°. Best body text is #000000 at 6.12:1 contrast (WCAG AA passes).

Color values

HEX#3E9D47
RGBrgb(62, 157, 71)
HSLhsl(126, 43%, 43%)
HSVhsv(126, 61%, 62%)
CMYKcmyk(60.5%, 0%, 54.8%, 38.4%)
CIE-LABlab(57.65, -46.17, 36.44)
CIE-LCHlch(57.65, 58.82, 141.71°)
OKLaboklab(61.94% -0.1251 0.0872)
OKLCHoklch(61.94% 0.152 145.1)
XYZxyz(15.1800, 25.5916, 10.0997)
Luminance0.2559 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3E9D47 #9D3E94
analogous
#649D3E #3E9D47 #3E9D76
triadic
#3E9D47 #473E9D #9D473E
tetradic
#3E9D47 #3E649D #9D3E94 #9D763E
square
#3E9D47 #3E649D #9D3E94 #9D763E
split-complementary
#3E9D47 #763E9D #9D3E64
monochromatic
#1B451F #2D7133 #3E9D47 #5ABE64 #86CF8D

Accessibility & contrast

On white

3.43
#3E9D47 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.12
#3E9D47 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #3E9D47
6.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3E9D47#FFFFFF#000000##000000
##3E9D471.003.436.126.12
#FFFFFF3.431.0021.0021.00
#0000006.1221.001.001.00
##0000006.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A0903F
Deuteranopia (green-blind)
#93874D
Tritanopia (blue-blind)
#2A998A
Achromatopsia (no color)
#8A8A8A

Design tokens & code

CSS
--color: #3e9d47;
/* rgb */ color: rgb(62, 157, 71);
/* oklch */ color: oklch(61.9% 0.152 145.1);
Tailwind
colors: {
  custom: {
    50: '#7dbb7c',
    500: '#3e9d47',
    950: '#000000',
  },
}
SCSS
$custom: #3e9d47;
$custom-light: #7dbb7c;
$custom-dark: #000000;
JSON
{
  "hex": "#3e9d47",
  "rgb": {
    "r": 62,
    "g": 157,
    "b": 71
  },
  "hsl": {
    "h": 125.684,
    "s": 43.379,
    "l": 42.941
  },
  "oklch": {
    "l": 0.61936,
    "c": 0.15246,
    "h": 145.1
  },
  "luminance": 0.25593
}

Semantic roles & 50–950 ramp

primary
#3E9D47
secondary
#BA7DB4
accent
#55C7D3
background
#F8FBF7
surface
#EFF6EE
border
#CAD0C9
text
#0B120A
muted
#7C817C

Preview Lab

Preview with #3E9D47

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

Preview Lab → · Contrast checker → · Palette generator →

#3E9D47 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva