#319632#319632

#319632 is a mid, vivid green. Relative luminance 0.227; OKLCH L 59.4% C 0.166 H 143.3°. Best body text is #000000 at 5.54:1 contrast (WCAG AA passes).

Color values

HEX	#319632
RGB	rgb(49, 150, 50)
HSL	hsl(121, 51%, 39%)
HSV	hsv(121, 67%, 59%)
CMYK	cmyk(67.3%, 0%, 66.7%, 41.2%)
CIE-LAB	lab(54.76, -49.05, 42.93)
CIE-LCH	lch(54.76, 65.18, 138.80°)
OKLab	oklab(59.37% -0.1331 0.0994)
OKLCH	oklch(59.37% 0.166 143.3)
XYZ	xyz(12.7479, 22.6946, 6.7257)
Luminance	0.2270 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#319632 #963195

analogous

#639631 #319632 #319665

triadic

#319632 #323196 #963231

tetradic

#319632 #316396 #963195 #966531

square

#319632 #316396 #963195 #966531

split-complementary

#319632 #653196 #963163

monochromatic

#133A13 #226823 #319632 #43C144 #71D172

Accessibility & contrast

On white

3.79

#319632 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.54

#319632 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #319632

5.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##319632	#FFFFFF	#000000	##000000
##319632	1.00	3.79	5.54	5.54
#FFFFFF	3.79	1.00	21.00	21.00
#000000	5.54	21.00	1.00	1.00
##000000	5.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#998825

Deuteranopia (green-blind)

#8D803B

Tritanopia (blue-blind)

#199281

Achromatopsia (no color)

#838383

Design tokens & code

CSS

--color: #319632;
/* rgb */ color: rgb(49, 150, 50);
/* oklch */ color: oklch(59.4% 0.166 143.3);

Tailwind

colors: {
  custom: {
    50: '#77b66f',
    500: '#319632',
    950: '#000000',
  },
}

SCSS

$custom: #319632;
$custom-light: #77b66f;
$custom-dark: #000000;

JSON

{
  "hex": "#319632",
  "rgb": {
    "r": 49,
    "g": 150,
    "b": 50
  },
  "hsl": {
    "h": 120.594,
    "s": 50.754,
    "l": 39.02
  },
  "oklch": {
    "l": 0.59371,
    "c": 0.16613,
    "h": 143.3
  },
  "luminance": 0.22696
}

Semantic roles & 50–950 ramp

primary

#319632

secondary

#B86AB8

accent

#4ED9DA

background

#F7FBF6

surface

#EEF6EC

border

#C9D0C7

text

#0A1107

muted

#7C807A

Preview Lab

Preview with #319632

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

Preview Lab → · Contrast checker → · Palette generator →