#7FFF00
Green family

Chartreuse

Also known as: vivid · energetic · luminous · fresh · playful
Save
Hex #7FFF00
RGB rgb(127, 255, 0)
HSL hsl(90°, 100%, 50%)
CMYK 50 · 0 · 100 · 0
CSS chartreuse

Meaning

In Western cultures, chartreuse signifies vitality and freshness, often linked to nature and renewal. Conversely, in some Asian traditions, it can symbolize jealousy or envy, showcasing a duality in its emotional resonance.

The term 'chartreuse' originates from the 'Chartreuse' liqueur first produced in 1737 by Carthusian monks in the French Alps. The vibrant green color of the liqueur inspired the name, leading to its adoption in the art world and fashion by the late 19th century.

vividenergeticluminousfreshplayful

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Chartreuse. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 40 Greens →

Shades & tints

Nine steps of Chartreuse by lightness — from #428500 (darkest) to #BCFF7A (lightest). Click any to copy.

-40% #428500
-30% #51A300
-20% #61C200
-10% #70E000
BASE #7FFF00
+15% #8EFF1F
+30% #9EFF3D
+50% #ADFF5C
+70% #BCFF7A

Complementary

Sitting opposite Chartreuse at 270° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Chartreuse.

#7FFF00
#FF6347
#F5F5F5
#4682B4
#FFD700

Spring Awakening

Bright Renewal
#7FFF00
#8B0000
#FFFFFF
#FFA500
#6A5ACD

Lively Contrast

Dynamic Energy
#7FFF00
#005F00
#C0C0C0
#FFDAB9
#FF4500

Nature's Embrace

Earthy Harmony

Chartreuse scale

A 50–900 tonal scale with Chartreuse anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F5FFEB
100 #E8FFD1
200 #CEFF9E
300 #B5FF6B
400 #9AFF36
500 #7FFF00
600 #68D100
700 #54A800
800 #408000
900 #2B5700

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 16.21:1
Chartreuse as text on… Ratio AA AAA
Aa White background 1.3:1 Fail Fail
Aa Black background 16.21:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #7FFF00

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: chartreuse;
CSS color-mix (lighten 30%) color-mix(in srgb, chartreuse 70%, white)
HSV / HSB 90°, 100%, 100%
CMYK (print) 50, 0, 100, 0
Decimal 8388352
Nearest web-safe #66FF00

Color vision

How Chartreuse appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#7FFF00

Protanopia (no red)

#B6B83E

Deuteranopia (no green)

#AFA54D

Tritanopia (no blue)

#856E79
Jungle Green
26 / 40 Greens Neon Green
Copied!