CSS named color
Chartreuse
#7FFF00
HEX
#7fff00RGB
rgb(127, 255, 0)HSL
hsl(90, 100%, 50%)OKLCH
oklch(89.03% 0.2648 136.01)NAME
chartreusePalette
Complementary
180° on the color wheelComplement
#7F00FF
Analogous
±30° around the base hueTriadic
±120° for harmonic contrastTriad 1
#007FFF
Triad 2
#FF0080
Shades
Lighter and darker variantsCSS usage
By name
color: chartreuse;
background-color: chartreuse;By HEX
color: #7fff00;
background-color: #7fff00;By RGB
color: rgb(127, 255, 0);
background-color: rgb(127, 255, 0);By HSL
color: hsl(90, 100%, 50%);
background-color: hsl(90, 100%, 50%);WCAG contrast vs white
Aa
1.30:1
Below minimum
WCAG contrast vs black
Aa
16.21:1
AAA
Related colors
FAQ — Chartreuse
What is the HEX code for Chartreuse?
The HEX code for Chartreuse is #7FFF00. It's one of the 148 named CSS colors and can be used directly in CSS as color: chartreuse; or color: #7fff00;
What is Chartreuse in RGB?
Chartreuse in RGB is rgb(127, 255, 0) — red 127, green 255, blue 0.
What is Chartreuse in HSL?
Chartreuse in HSL is hsl(90, 100%, 50%) — hue 90°, saturation 100%, lightness 50%.
What is the complementary color of Chartreuse?
The complementary color (directly opposite Chartreuse on the color wheel) is #7F00FF. The two together produce maximum contrast.
Is white text readable on Chartreuse?
The WCAG contrast ratio against white (#FFFFFF) is 1.30:1, and against black (#000000) it's 16.21:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.