Material Green 700

Preview

Material Green 700

#388e3c

Overview

Family: Light Green

material

Accessibility on this swatch:

(5.1:1)

Contrast vs white: 4.12:1 · vs black: 5.1:1

Formats

HEX

#388e3c

RGB

rgb(56, 142, 60)

RGBA

rgba(56, 142, 60, 1)

HSL

hsl(123, 43%, 39%)

HSV

hsv(123, 61%, 56%)

LAB

lab(52.41% -43.22 35.62)

LCH

lch(52.41% 56.01 140.51)

OKLAB

oklab(0.5752 -0.1172 0.0846)

OKLCH

oklch(0.5752 0.1445 144.18)

XYZ

xyz(12.12, 20.51, 7.59)

CMYK

cmyk(61%, 0%, 58%, 44%)

CSS

color: #388e3c;

CSS variable

--color-388e3c: #388e3c;

SCSS

$color-388e3c: #388e3c;

Tailwind

green-600

Export

Developer code

:root {
  --material-green-700-1: #388e3c;
}

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 700