Yellow Green hex code
The hex code for yellow green is #9ACD32. In RGB that is rgb(154, 205, 50) and in HSL it is hsl(80, 61%, 50%).
The hex code for yellow green is #9ACD32. In RGB that is rgb(154, 205, 50) and in HSL it is hsl(80, 61%, 50%).
Yellow Green · #9ACD32
Colour codes
- HEX
- #9ACD32
- RGB
- rgb(154, 205, 50)
- HSL
- hsl(80, 61%, 50%)
- CMYK
- 25, 0, 76, 20
- CSS name
- yellowgreen
- Contrast on white
- 1.88:1
- Contrast on black
- 11.15:1
Tints and shades
20% lighter · #aed75b
40% lighter · #c2e184
60% lighter · #d7ebad
80% lighter · #ebf5d6
20% darker · #7ba428
40% darker · #5c7b1e
60% darker · #3e5214
80% darker · #1f290a
Complementary colour
Yellow Green · #9ACD32
Opposite on the colour wheel · #6632cd
Frequently asked questions
What is the hex code for yellow green?
The hex code for yellow green is #9ACD32. In RGB that is rgb(154, 205, 50) and in HSL it is hsl(80, 61%, 50%).
Can I use yellow green for text?
It has a contrast ratio of 1.88:1 on white and 11.15:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with yellow green?
Its complementary colour, opposite on the colour wheel, is #6632CD. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of yellow green instead.
Is yellow green a CSS colour name?
Yes. CSS accepts the keyword yellowgreen, so color: yellowgreen and color: #9ACD32 render exactly the same.