Palest Clover is a very light, vivid shade in the green color family, with a cool feel. Its HEX code is #D6FFCC, which equals rgb(214, 255, 204) in RGB and hsl(108, 100%, 90%) in HSL. In print terms it converts to roughly C16 M0 Y20 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#D6FFCC - RGB
214, 255, 204 - HSL
108°, 100%, 90% - CMYK
16, 0, 20, 0 - Family
Green - Tone
Very light, vivid
About Palest 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. 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 19.04:1. Its complementary color is #F5CCFF.
Download Palest 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…
Palest Clover color codes
| HEX | #D6FFCC |
|---|---|
| RGB | rgb(214, 255, 204) |
| HSL | hsl(108, 100%, 90%) |
| HSV | 108°, 20%, 100% |
| CMYK | 16%, 0%, 20%, 0% |
| Decimal | 14090188 |
Shades and tints of Palest Clover
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8FFF7 - 100
#F1FFEE - 200
#EBFFE6 - 300
#E4FFDD - 400
#DDFFD5 - 500
#D6FFCC - 600
#B2D5AA - 700
#8FAA88 - 800
#6B8066 - 900
#475544 - 950
#242B22
Color harmonies for Palest Clover
- Complementary
#F5CCFF≈ Palest Grape - Analogous −30°
#F0FFCC≈ Palest Spring Bud - Analogous +30°
#CCFFDB≈ Palest Emerald - Triadic +120°
#CCD6FF≈ Palest Sapphire - Triadic +240°
#FFCCD6≈ Palest Ruby - Split 150°
#DBCCFF≈ Palest Indigo - Split 210°
#FFCCF0≈ Palest Cerise
Contrast and accessibility of Palest Clover
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Clover | Aa | 1.10:1 | Fails |
| Black text on Palest Clover | Aa | 19.04:1 | AAA (excellent) |
CSS code for Palest Clover
background-color: #D6FFCC;color: #D6FFCC;background-color: rgb(214, 255, 204);background-color: hsl(108, 100%, 90%);:root { --color-palest-clover: #D6FFCC; }class="bg-[#D6FFCC]"Colors similar to Palest Clover
- Palest Shamrock
#D1FFCC - Palest Leaf
#DBFFCC - Palest Bright Shamrock
#D5FAD1 - Palest Bright Clover
#D9FAD1 - Palest Bright Green
#D1FAD1 - Palest Green
#CCFFCC - Palest Fern
#E0FFCC - Palest Bright Leaf
#DDFAD1 - Palest Kelly
#CCFFD1 - Palest Bright Kelly
#D1FAD5 - Palest Bright Fern
#E1FAD1 - Palest Emerald
#CCFFD6
More green shades
- Medium Dark Clover
#2BD600 - Pure Clover
#33FF00 - Medium Light Clover
#54FF29 - Light Clover
#74FF52 - Pale Clover
#95FF7A - Very Pale Clover
#B6FFA3 - Darkest Bright Clover
#0D2E05 - Very Dark Bright Clover
#185309 - Dark Bright Clover
#22770D - Deep Bright Clover
#2D9C11 - Medium Dark Bright Clover
#38C115
Frequently asked questions
What is the HEX code for Palest Clover?
The HEX code for Palest Clover is #D6FFCC.
What is the RGB value of Palest Clover?
Palest Clover has an RGB value of 214, 255, 204 (rgb(214, 255, 204)). In HSL it is 108°, 100%, 90%.
What text color should I use on Palest Clover?
Use black text on Palest Clover. White text has a contrast ratio of 1.10:1 and black text has 19.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Clover?
The complementary color of Palest Clover is #F5CCFF. Analogous colors #F0FFCC and #CCFFDB also pair well.