Codes & values
- Color Name
Light Green 500 - Color ID
KDF-C-09159498 - HEX
#8BC34A - RGB
rgb(139, 195, 74) - RGBA
rgba(139, 195, 74, 1) - HSL
hsl(88, 50%, 53%) - HSLA
hsla(88, 50%, 53%, 1) - HSV / HSB
hsv(88, 62%, 76%) - CMYK
cmyk(29%, 0%, 62%, 24%) - Light / Dark
mid
Quick answers
- What is the HEX code for Light Green 500?
- #8BC34A
- What is Light Green 500 RGB?
- rgb(139, 195, 74)
- What is Light Green 500 HSL?
- hsl(88, 50%, 53%)
- What is Light Green 500 CMYK?
- cmyk(29%, 0%, 62%, 24%)
What is Light Green 500?
Light Green 500 is a curated green family color at #8BC34A. It appears in our library with tags for ui, web, design, button. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Light Green 500 HEX code
The HEX code for Light Green 500 is #8BC34A. Paste it into CSS as color: #8BC34A; or background-color: #8BC34A;. Design tools accept the same six-digit value without the # prefix (8bc34a).
Light Green 500 RGB
Light Green 500 in RGB is rgb(139, 195, 74) (channels R 139, G 195, B 74). Use RGB when you need opacity via rgba(139, 195, 74, 1).
Light Green 500 HSL & HSV
HSL is hsl(88, 50%, 53%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(88, 62%, 76%), closer to how many digital pickers expose hue, saturation, and brightness.
Light Green 500 CMYK
Approximate CMYK for Light Green 500 is cmyk(29%, 0%, 62%, 24%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Light Green 500
Darker shades (mixed toward black): #74A33E, #5D8231, #466225, #2E4119, #17200C. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Light Green 500
Lighter tints (mixed toward white): #9ECD68, #B2D786, #C5E1A5, #D8EBC3, #ECF5E1. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Light Green 500
Complementary pairing: #8BC34A, #824AC3. Analogous neighbors: #C3BF4A, #8BC34A, #4EC34A. Triadic accents: #8BC34A, #4A8BC3, #C34A8B. Always check text contrast when pairing.
Light Green 500 color combinations
A practical combo: primary #8BC34A, complementary accent #824AC3, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #8BC34A, #4A4EC3, #BF4AC3.
Light Green 500 in web design
Green signals success, growth, and eco brands. Mid greens pass AA on white more often than neon limes; forest tones suit nature and finance trust UI.
Light Green 500 in branding
Brand greens communicate sustainability, health, and Islamic / South Asian retail trust signals when carefully chosen. Contrast vs white is 2.10:1 (better as a large accent or background than small body text); vs black 10.00:1.
Frequently asked questions
- What is the HEX code for Light Green 500?
- Light Green 500: #8BC34A.
- What is Light Green 500 RGB?
- Light Green 500: rgb(139, 195, 74).
- What is Light Green 500 HSL?
- Light Green 500: hsl(88, 50%, 53%).
- What is Light Green 500 CMYK?
- Light Green 500: cmyk(29%, 0%, 62%, 24%).
- What colors go with Light Green 500?
- Try complementary #8BC34A, #824AC3 or analogous #C3BF4A, #8BC34A, #4EC34A.
- Is Light Green 500 good for text on white?
- Not ideal for small body text (2.10:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.10:1 (prefer large accent or background). Contrast vs black: 10.00:1. Complementary swatch: #8BC34A, #824AC3.
Explore related
Green colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK