Pale Clover is a medium-light, vivid shade in the green color family, with a cool feel. Its HEX code is #95FF7A, which equals rgb(149, 255, 122) in RGB and hsl(108, 100%, 74%) in HSL. In print terms it converts to roughly C42 M0 Y52 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#95FF7A - RGB
149, 255, 122 - HSL
108°, 100%, 74% - CMYK
42, 0, 52, 0 - Family
Green - Tone
Medium-light, vivid
About Pale 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 16.86:1. Its complementary color is #E47AFF.
Download Pale 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…
Pale Clover color codes
| HEX | #95FF7A |
|---|---|
| RGB | rgb(149, 255, 122) |
| HSL | hsl(108, 100%, 74%) |
| HSV | 108°, 52%, 100% |
| CMYK | 42%, 0%, 52%, 0% |
| Decimal | 9830266 |
Shades and tints of Pale Clover
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EDFFE9 - 100
#DCFFD3 - 200
#CAFFBD - 300
#B8FFA6 - 400
#A7FF90 - 500
#95FF7A - 600
#7CD566 - 700
#63AA51 - 800
#4B803D - 900
#325529 - 950
#192B14
Color harmonies for Pale Clover
- Complementary
#E47AFF≈ Pale Grape - Analogous −30°
#D7FF7A≈ Pale Spring Bud - Analogous +30°
#7AFFA2≈ Pale Emerald - Triadic +120°
#7A95FF≈ Pale Sapphire - Triadic +240°
#FF7A95≈ Pale Ruby - Split 150°
#A27AFF≈ Pale Indigo - Split 210°
#FF7AD7≈ Pale Cerise
Contrast and accessibility of Pale Clover
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Clover | Aa | 1.25:1 | Fails |
| Black text on Pale Clover | Aa | 16.86:1 | AAA (excellent) |
CSS code for Pale Clover
background-color: #95FF7A;color: #95FF7A;background-color: rgb(149, 255, 122);background-color: hsl(108, 100%, 74%);:root { --color-pale-clover: #95FF7A; }class="bg-[#95FF7A]"Colors similar to Pale Clover
- Pale Shamrock
#88FF7A - Pale Leaf
#A2FF7A - Pale Bright Shamrock
#92F288 - Pale Bright Clover
#9DF288 - Pale Bright Green
#88F288 - Pale Fern
#AFFF7A - Pale Green Tone
#7AFF7A - Pale Bright Leaf
#A7F288 - Pale Green
#98FB98 - Pale Kelly
#7AFF88 - Light Green
#90EE90 - Light Bright Fern
#9AEE63
More green shades
- Dark Clover
#1B8500 - Deep Clover
#23AD00 - Medium Dark Clover
#2BD600 - Pure Clover
#33FF00 - Medium Light Clover
#54FF29 - Light Clover
#74FF52 - Very Pale Clover
#B6FFA3 - Palest Clover
#D6FFCC - Darkest Bright Clover
#0D2E05 - Very Dark Bright Clover
#185309 - Dark Bright Clover
#22770D
Frequently asked questions
What is the HEX code for Pale Clover?
The HEX code for Pale Clover is #95FF7A.
What is the RGB value of Pale Clover?
Pale Clover has an RGB value of 149, 255, 122 (rgb(149, 255, 122)). In HSL it is 108°, 100%, 74%.
What text color should I use on Pale Clover?
Use black text on Pale Clover. White text has a contrast ratio of 1.25:1 and black text has 16.86:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Clover?
The complementary color of Pale Clover is #E47AFF. Analogous colors #D7FF7A and #7AFFA2 also pair well.