CSS named color
YellowGreen
#9ACD32
HEX
#9acd32RGB
rgb(154, 205, 50)HSL
hsl(80, 61%, 50%)OKLCH
oklch(78.49% 0.1837 126.64)NAME
yellowgreenPalette
Complementary
180° on the color wheelComplement
#6632CD
Analogous
±30° around the base hueLeft
#CDB332
Right
#4CCD32
Triadic
±120° for harmonic contrastTriad 1
#3299CD
Triad 2
#CD3299
Shades
Lighter and darker variantsCSS usage
By name
color: yellowgreen;
background-color: yellowgreen;By HEX
color: #9acd32;
background-color: #9acd32;By RGB
color: rgb(154, 205, 50);
background-color: rgb(154, 205, 50);By HSL
color: hsl(80, 61%, 50%);
background-color: hsl(80, 61%, 50%);WCAG contrast vs white
Aa
1.88:1
Below minimum
WCAG contrast vs black
Aa
11.15:1
AAA
Related colors
FAQ — YellowGreen
What is the HEX code for YellowGreen?
The HEX code for YellowGreen is #9ACD32. It's one of the 148 named CSS colors and can be used directly in CSS as color: yellowgreen; or color: #9acd32;
What is YellowGreen in RGB?
YellowGreen in RGB is rgb(154, 205, 50) — red 154, green 205, blue 50.
What is YellowGreen in HSL?
YellowGreen in HSL is hsl(80, 61%, 50%) — hue 80°, saturation 61%, lightness 50%.
What is the complementary color of YellowGreen?
The complementary color (directly opposite YellowGreen on the color wheel) is #6632CD. The two together produce maximum contrast.
Is white text readable on YellowGreen?
The WCAG contrast ratio against white (#FFFFFF) is 1.88:1, and against black (#000000) it's 11.15:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.