Pure Emerald is a medium, vivid shade in the green color family, with a cool feel. Its HEX code is #00FF33, which equals rgb(0, 255, 51) in RGB and hsl(132, 100%, 50%) in HSL. In print terms it converts to roughly C100 M0 Y80 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#00FF33 - RGB
0, 255, 51 - HSL
132°, 100%, 50% - CMYK
100, 0, 80, 0 - Family
Green - Tone
Medium, vivid
About Pure Emerald
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 15.35:1. Its complementary color is #FF00CC.
Download Pure Emerald 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…
Pure Emerald color codes
| HEX | #00FF33 |
|---|---|
| RGB | rgb(0, 255, 51) |
| HSL | hsl(132, 100%, 50%) |
| HSV | 132°, 100%, 100% |
| CMYK | 100%, 0%, 80%, 0% |
| Decimal | 65331 |
Shades and tints of Pure Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5FFDD - 100
#AAFFBB - 200
#80FF99 - 300
#55FF77 - 400
#2BFF55 - 500
#00FF33 - 600
#00D52B - 700
#00AA22 - 800
#00801A - 900
#005511 - 950
#002B09
Color harmonies for Pure Emerald
- Complementary
#FF00CC≈ Pure Fuchsia - Analogous −30°
#4CFF00≈ Pure Clover - Analogous +30°
#00FFB3≈ Pure Turquoise - Triadic +120°
#3300FF≈ Ultramarine - Triadic +240°
#FF3300≈ Scarlet - Split 150°
#B300FF≈ Pure Purple - Split 210°
#FF004C≈ Pure Crimson
Contrast and accessibility of Pure Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Emerald | Aa | 1.37:1 | Fails |
| Black text on Pure Emerald | Aa | 15.35:1 | AAA (excellent) |
CSS code for Pure Emerald
background-color: #00FF33;color: #00FF33;background-color: rgb(0, 255, 51);background-color: hsl(132, 100%, 50%);:root { --color-pure-emerald: #00FF33; }class="bg-[#00FF33]"Colors similar to Pure Emerald
- Pure Kelly
#00FF19 - Pure Jade
#00FF4D - Medium Light Green
#29FF29 - Medium Light Kelly
#29FF3E - Bright Kelly
#19E62E - Bright Emerald
#19E642 - Bright Green
#19E619 - Medium Light Emerald
#29FF54 - Medium Dark Emerald
#00D62B - Medium Dark Jade
#00D640 - Bright Jade
#19E657 - Lime
#00FF00
More green shades
- Palest Dusty Kelly
#E0EBE1 - Darkest Emerald
#00330A - Very Dark Emerald
#005C12 - Dark Emerald
#00851B - Deep Emerald
#00AD23 - Medium Dark Emerald
#00D62B - Medium Light Emerald
#29FF54 - Light Emerald
#52FF74 - Pale Emerald
#7AFF95 - Very Pale Emerald
#A3FFB6 - Palest Emerald
#CCFFD6
Frequently asked questions
What is the HEX code for Pure Emerald?
The HEX code for Pure Emerald is #00FF33.
What is the RGB value of Pure Emerald?
Pure Emerald has an RGB value of 0, 255, 51 (rgb(0, 255, 51)). In HSL it is 132°, 100%, 50%.
What text color should I use on Pure Emerald?
Use black text on Pure Emerald. White text has a contrast ratio of 1.37:1 and black text has 15.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Emerald?
The complementary color of Pure Emerald is #FF00CC. Analogous colors #4CFF00 and #00FFB3 also pair well.