A soft, bright green called lightgreen in CSS. It feels fresh and positive. It's handy for success message backgrounds and relaxing spaces.
Also known as: lightgreen.
Light green (#90EE90) is a balanced, light, moderately saturated color. It belongs to the greens family. It mixes 144 red, 238 green and 144 blue (out of 255). It is mostly used in web, kids, home decor.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--light-green: #90EE90;
--light-green-rgb: 144, 238, 144;
}
.bg { background-color: var(--light-green); }
.text { color: var(--light-green); }The hex code for light green is #90EE90. In RGB it is rgb(144, 238, 144), in HSL hsl(120, 73%, 75%) and in CMYK 39, 0, 39, 7.
Its complement on the color wheel is #EE90EE, close to orchid. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.4:1, while with black it is 14.8:1.