#7FFF00
Chartreuse
Chartreuse is a color halfway between yellow and green, named after the French liqueur. It is bold, unconventional, and high-energy.
Chartreuse Color Values
HEX#7FFF00
RGB127, 255, 0
HSL90°, 100%, 50%
HSV90°, 100%, 100%
CMYK50%, 0%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #FFE900 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #F8DE38 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #78F5D9 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #D3D3D3 (~0.003% of population)
Chartreuse as Text Color
Chartreuse on White
1.3:1FAIL
Chartreuse on Light Gray
1.2:1FAIL
Chartreuse on Cream
1.2:1FAIL
Chartreuse on Dark
13.2:1AAA
Chartreuse on Black
16.2:1AAA
Chartreuse on Soft Blue
1.1:1FAIL
Chartreuse on Soft Green
1.2:1FAIL
Chartreuse on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
lime-500
#84CC16
Nearest Pantone Match
Pantone 375 C
#97D700
CSS Variable Export
:root {
--color-chartreuse: #7FFF00;
--color-chartreuse-rgb: 127, 255, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'chartreuse': '#7FFF00',
}Shades of Chartreuse
#80FF00
#70E000
#63C700
#54A800
#478F00
#387000
#2B5700
#1C3800
#0F1F00
#000000
Tints of Chartreuse
#80FF00
#8FFF1F
#9CFF38
#ABFF57
#B8FF70
#C7FF8F
#D4FFA8
#E3FFC7
#F0FFE0
#FFFFFF
Color Harmonies
Complementary
#7FFF00
#7F00FF
Analogous
#FFFF00
#80FF00
#00FF00
Triadic
#80FF00
#007FFF
#FF0080
Chartreuse Text Preview
Heading in Chartreuse
Body text in Chartreuse. The quick brown fox jumps over the lazy dog.
White on Chartreuse
Body text on a Chartreuse background.
Chartreuse text on dark background
Contrast: 13.7:1