CSS named color
LawnGreen
#7CFC00
HEX
#7cfc00RGB
rgb(124, 252, 0)HSL
hsl(90, 100%, 49%)OKLCH
oklch(88.18% 0.2631 136.17)NAME
lawngreenPalette
Complementary
180° on the color wheelComplement
#7D00FA
Analogous
±30° around the base hueLeft
#FAFA00
Right
#00FA00
Triadic
±120° for harmonic contrastTriad 1
#007DFA
Triad 2
#FA007D
Shades
Lighter and darker variantsCSS usage
By name
color: lawngreen;
background-color: lawngreen;By HEX
color: #7cfc00;
background-color: #7cfc00;By RGB
color: rgb(124, 252, 0);
background-color: rgb(124, 252, 0);By HSL
color: hsl(90, 100%, 49%);
background-color: hsl(90, 100%, 49%);WCAG contrast vs white
Aa
1.33:1
Below minimum
WCAG contrast vs black
Aa
15.78:1
AAA
Related colors
FAQ — LawnGreen
What is the HEX code for LawnGreen?
The HEX code for LawnGreen is #7CFC00. It's one of the 148 named CSS colors and can be used directly in CSS as color: lawngreen; or color: #7cfc00;
What is LawnGreen in RGB?
LawnGreen in RGB is rgb(124, 252, 0) — red 124, green 252, blue 0.
What is LawnGreen in HSL?
LawnGreen in HSL is hsl(90, 100%, 49%) — hue 90°, saturation 100%, lightness 49%.
What is the complementary color of LawnGreen?
The complementary color (directly opposite LawnGreen on the color wheel) is #7D00FA. The two together produce maximum contrast.
Is white text readable on LawnGreen?
The WCAG contrast ratio against white (#FFFFFF) is 1.33:1, and against black (#000000) it's 15.78:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.