Pure Clover is a medium, vivid shade in the green color family, with a cool feel. Its HEX code is #33FF00, which equals rgb(51, 255, 0) in RGB and hsl(108, 100%, 50%) in HSL. In print terms it converts to roughly C80 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#33FF00 - RGB
51, 255, 0 - HSL
108°, 100%, 50% - CMYK
80, 0, 100, 0 - Family
Green - Tone
Medium, vivid
About Pure Clover
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 15.44:1. Its complementary color is #CC00FF.
Download Pure Clover 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 Clover color codes
| HEX | #33FF00 |
|---|---|
| RGB | rgb(51, 255, 0) |
| HSL | hsl(108, 100%, 50%) |
| HSV | 108°, 100%, 100% |
| CMYK | 80%, 0%, 100%, 0% |
| Decimal | 3407616 |
Shades and tints of Pure Clover
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDFFD5 - 100
#BBFFAA - 200
#99FF80 - 300
#77FF55 - 400
#55FF2B - 500
#33FF00 - 600
#2BD500 - 700
#22AA00 - 800
#1A8000 - 900
#115500 - 950
#092B00
Color harmonies for Pure Clover
- Complementary
#CC00FF≈ Pure Grape - Analogous −30°
#B3FF00≈ Pure Chartreuse - Analogous +30°
#00FF4D≈ Pure Malachite - Triadic +120°
#0033FF≈ Pure Sapphire - Triadic +240°
#FF0033≈ Pure Ruby - Split 150°
#4D00FF≈ Ultramarine - Split 210°
#FF00B3≈ Pure Raspberry
Contrast and accessibility of Pure Clover
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Clover | Aa | 1.36:1 | Fails |
| Black text on Pure Clover | Aa | 15.44:1 | AAA (excellent) |
CSS code for Pure Clover
background-color: #33FF00;color: #33FF00;background-color: rgb(51, 255, 0);background-color: hsl(108, 100%, 50%);:root { --color-pure-clover: #33FF00; }class="bg-[#33FF00]"Colors similar to Pure Clover
- Pure Shamrock
#1AFF00 - Pure Leaf
#4CFF00 - Bright Shamrock
#2EE619 - Bright Clover
#42E619 - Medium Light Shamrock
#3EFF29 - Medium Light Green
#29FF29 - Lime
#00FF00 - Bright Green
#19E619 - Pure Fern
#66FF00 - Medium Dark Clover
#2BD600 - Medium Light Clover
#54FF29 - Medium Dark Leaf
#40D600
More green shades
- Palest Dusty Leaf
#E3EBE0 - Darkest Clover
#0A3300 - Very Dark Clover
#125C00 - Dark Clover
#1B8500 - Deep Clover
#23AD00 - Medium Dark Clover
#2BD600 - Medium Light Clover
#54FF29 - Light Clover
#74FF52 - Pale Clover
#95FF7A - Very Pale Clover
#B6FFA3 - Palest Clover
#D6FFCC
Frequently asked questions
What is the HEX code for Pure Clover?
The HEX code for Pure Clover is #33FF00.
What is the RGB value of Pure Clover?
Pure Clover has an RGB value of 51, 255, 0 (rgb(51, 255, 0)). In HSL it is 108°, 100%, 50%.
What text color should I use on Pure Clover?
Use black text on Pure Clover. White text has a contrast ratio of 1.36:1 and black text has 15.44:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Clover?
The complementary color of Pure Clover is #CC00FF. Analogous colors #B3FF00 and #00FF4D also pair well.