Bright Leaf is a medium, saturated shade in the green color family, with a cool feel. Its HEX code is #57E619, which equals rgb(87, 230, 25) in RGB and hsl(102, 80%, 50%) in HSL. In print terms it converts to roughly C62 M0 Y89 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#57E619 - RGB
87, 230, 25 - HSL
102°, 80%, 50% - CMYK
62, 0, 89, 10 - Family
Green - Tone
Medium, saturated
About Bright Leaf
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 12.74:1. Its complementary color is #A81AE6.
Download Bright Leaf as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Bright Leaf color codes
| HEX | #57E619 |
|---|---|
| RGB | rgb(87, 230, 25) |
| HSL | hsl(102, 80%, 50%) |
| HSV | 102°, 89%, 90% |
| CMYK | 62%, 0%, 89%, 10% |
| Decimal | 5760537 |
Shades and tints of Bright Leaf
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3FBD9 - 100
#C7F7B2 - 200
#ABF38C - 300
#8FEE66 - 400
#73EA3F - 500
#57E619 - 600
#49C015 - 700
#3A9911 - 800
#2C730D - 900
#1D4D08 - 950
#0F2604
Color harmonies for Bright Leaf
- Complementary
#A81AE6≈ Bright Grape - Analogous −30°
#BDE61A≈ Bright Lime - Analogous +30°
#1AE642≈ Bright Emerald - Triadic +120°
#1A57E6≈ Bright Sapphire - Triadic +240°
#E61A57≈ Bright Ruby - Split 150°
#421AE6≈ Bright Indigo - Split 210°
#E61ABD≈ Bright Cerise
Contrast and accessibility of Bright Leaf
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Leaf | Aa | 1.65:1 | Fails |
| Black text on Bright Leaf | Aa | 12.74:1 | AAA (excellent) |
CSS code for Bright Leaf
background-color: #57E619;color: #57E619;background-color: rgb(87, 230, 25);background-color: hsl(102, 80%, 50%);:root { --color-bright-leaf: #57E619; }class="bg-[#57E619]"Colors similar to Bright Leaf
- Bright Fern
#6BE619 - Bright Clover
#42E619 - Medium Dark Fern
#56D600 - Medium Light Clover
#54FF29 - Medium Dark Apple
#6BD600 - Bright Shamrock
#2EE619 - Medium Light Bright Clover
#60EA3E - Medium Light Bright Shamrock
#4FEA3E - Medium Dark Leaf
#40D600 - Medium Light Leaf
#69FF29 - Bright Apple
#80E619 - Pure Leaf
#4CFF00
More green shades
- Palest Leaf
#DBFFCC - Darkest Bright Leaf
#112E05 - Very Dark Bright Leaf
#1F5309 - Dark Bright Leaf
#2D770D - Deep Bright Leaf
#3B9C11 - Medium Dark Bright Leaf
#49C115 - Medium Light Bright Leaf
#72EA3E - Light Bright Leaf
#8DEE63 - Pale Bright Leaf
#A7F288 - Very Pale Bright Leaf
#C2F6AC - Palest Bright Leaf
#DDFAD1
Frequently asked questions
What is the HEX code for Bright Leaf?
The HEX code for Bright Leaf is #57E619.
What is the RGB value of Bright Leaf?
Bright Leaf has an RGB value of 87, 230, 25 (rgb(87, 230, 25)). In HSL it is 102°, 80%, 50%.
What text color should I use on Bright Leaf?
Use black text on Bright Leaf. White text has a contrast ratio of 1.65:1 and black text has 12.74:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Leaf?
The complementary color of Bright Leaf is #A81AE6. Analogous colors #BDE61A and #1AE642 also pair well.