Palest Emerald is a very light, vivid shade in the green color family, with a cool feel. Its HEX code is #CCFFD6, which equals rgb(204, 255, 214) in RGB and hsl(132, 100%, 90%) in HSL. In print terms it converts to roughly C20 M0 Y16 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFFD6 - RGB
204, 255, 214 - HSL
132°, 100%, 90% - CMYK
20, 0, 16, 0 - Family
Green - Tone
Very light, vivid
About Palest 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. 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 18.84:1. Its complementary color is #FFCCF5.
Download Palest 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…
Palest Emerald color codes
| HEX | #CCFFD6 |
|---|---|
| RGB | rgb(204, 255, 214) |
| HSL | hsl(132, 100%, 90%) |
| HSV | 132°, 20%, 100% |
| CMYK | 20%, 0%, 16%, 0% |
| Decimal | 13434838 |
Shades and tints of Palest Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FFF8 - 100
#EEFFF1 - 200
#E6FFEB - 300
#DDFFE4 - 400
#D5FFDD - 500
#CCFFD6 - 600
#AAD5B2 - 700
#88AA8F - 800
#66806B - 900
#445547 - 950
#222B24
Color harmonies for Palest Emerald
- Complementary
#FFCCF5≈ Palest Fuchsia - Analogous −30°
#DBFFCC≈ Palest Clover - Analogous +30°
#CCFFF0≈ Palest Seafoam - Triadic +120°
#D6CCFF≈ Palest Ultramarine - Triadic +240°
#FFD6CC≈ Palest Scarlet - Split 150°
#F0CCFF≈ Palest Amethyst - Split 210°
#FFCCDB≈ Palest Carmine
Contrast and accessibility of Palest Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Emerald | Aa | 1.11:1 | Fails |
| Black text on Palest Emerald | Aa | 18.84:1 | AAA (excellent) |
CSS code for Palest Emerald
background-color: #CCFFD6;color: #CCFFD6;background-color: rgb(204, 255, 214);background-color: hsl(132, 100%, 90%);:root { --color-palest-emerald: #CCFFD6; }class="bg-[#CCFFD6]"Colors similar to Palest Emerald
- Palest Kelly
#CCFFD1 - Palest Jade
#CCFFDB - Palest Bright Kelly
#D1FAD5 - Palest Bright Emerald
#D1FAD9 - Palest Green
#CCFFCC - Palest Malachite
#CCFFE0 - Palest Bright Green
#D1FAD1 - Palest Bright Jade
#D1FADD - Palest Shamrock
#D1FFCC - Palest Bright Shamrock
#D5FAD1 - Palest Bright Malachite
#D1FAE1 - Palest Clover
#D6FFCC
More green shades
- Medium Dark Emerald
#00D62B - Pure Emerald
#00FF33 - Medium Light Emerald
#29FF54 - Light Emerald
#52FF74 - Pale Emerald
#7AFF95 - Very Pale Emerald
#A3FFB6 - Darkest Bright Emerald
#052E0D - Very Dark Bright Emerald
#095318 - Dark Bright Emerald
#0D7722 - Deep Bright Emerald
#119C2D - Medium Dark Bright Emerald
#15C138
Frequently asked questions
What is the HEX code for Palest Emerald?
The HEX code for Palest Emerald is #CCFFD6.
What is the RGB value of Palest Emerald?
Palest Emerald has an RGB value of 204, 255, 214 (rgb(204, 255, 214)). In HSL it is 132°, 100%, 90%.
What text color should I use on Palest Emerald?
Use black text on Palest Emerald. White text has a contrast ratio of 1.11:1 and black text has 18.84:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Emerald?
The complementary color of Palest Emerald is #FFCCF5. Analogous colors #DBFFCC and #CCFFF0 also pair well.