Material Green 300

Preview

Material Green 300

#81c784

Overview

Family: Light Green

material

Accessibility on this swatch:

AAA

(10.44:1)

Contrast vs white: 2.01:1 · vs black: 10.44:1

Formats

HEX

#81c784

RGB

rgb(129, 199, 132)

RGBA

rgba(129, 199, 132, 1)

HSL

hsl(123, 38%, 64%)

HSV

hsv(123, 35%, 78%)

LAB

lab(74.3% -35.56 26.78)

LCH

lch(74.3% 44.52 143.02)

OKLAB

oklab(0.766 -0.097 0.0671)

OKLCH

oklch(0.766 0.1179 145.33)

XYZ

xyz(33.64, 47.18, 29.16)

CMYK

cmyk(35%, 0%, 34%, 22%)

CSS

color: #81c784;

CSS variable

--color-81c784: #81c784;

SCSS

$color-81c784: #81c784;

Tailwind

green-300

Export

Developer code

:root {
  --material-green-300-1: #81c784;
}

Color psychology

Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.

Material Green 300