What does the color Chartreuse mean?

Light Green

Chartreuse

#7fff00

#99ff33

#b2ff66

#ccff99

#e5ffcc

#7fe61a

Meaning

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

History

Chartreuse is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Chartreuse (#7fff00) in CSS as color: chartreuse; or as #7fff00.

Preview

Chartreuse

#7fff00

Overview

Family: Light Green

Accessibility on this swatch:

AAA

(16.21:1)

Contrast vs white: 1.3:1 · vs black: 16.21:1

Formats

HEX

#7fff00

RGB

rgb(127, 255, 0)

RGBA

rgba(127, 255, 0, 1)

HSL

hsl(90, 100%, 50%)

HSV

hsv(90, 100%, 100%)

LAB

lab(89.87% -68.07 85.78)

LCH

lch(89.87% 109.51 128.43)

OKLAB

oklab(0.8903 -0.1905 0.1839)

OKLCH

oklch(0.8903 0.2648 136.01)

XYZ

xyz(44.51, 76.03, 12.33)

CMYK

cmyk(50%, 0%, 100%, 0%)

CSS

color: #7fff00;

CSS variable

--color-7fff00: #7fff00;

SCSS

$color-7fff00: #7fff00;

Tailwind

yellow-500

Export

Developer code

:root {
  --chartreuse-1: #7fff00;
}

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.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#99ff33

#b2ff66

#ccff99

#e5ffcc

#7fe61a

#7fcc33

#80b34d

#809966

Similar colors

#7cfc00

#60f122

#6aeb19

#54ed12

#7cef2e

#95f113

#3aec0e

#81e821

Browse more in the color name library.