Pure Lime is a medium, vivid shade in the yellow color family, with a cool feel. Its HEX code is #CCFF00, which equals rgb(204, 255, 0) in RGB and hsl(72, 100%, 50%) in HSL. In print terms it converts to roughly C20 M0 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCFF00 - RGB
204, 255, 0 - HSL
72°, 100%, 50% - CMYK
20, 0, 100, 0 - Family
Yellow - Tone
Medium, vivid
About Pure Lime
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. 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 17.87:1. Its complementary color is #3300FF.
Download Pure Lime 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 Lime color codes
| HEX | #CCFF00 |
|---|---|
| RGB | rgb(204, 255, 0) |
| HSL | hsl(72, 100%, 50%) |
| HSV | 72°, 100%, 100% |
| CMYK | 20%, 0%, 100%, 0% |
| Decimal | 13434624 |
Shades and tints of Pure Lime
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7FFD5 - 100
#EEFFAA - 200
#E6FF80 - 300
#DDFF55 - 400
#D5FF2B - 500
#CCFF00 - 600
#AAD500 - 700
#88AA00 - 800
#668000 - 900
#445500 - 950
#222B00
Color harmonies for Pure Lime
- Complementary
#3300FF≈ Ultramarine - Analogous −30°
#FFB300≈ Pure Amber - Analogous +30°
#4CFF00≈ Pure Clover - Triadic +120°
#00CCFF≈ Deep Sky Blue - Triadic +240°
#FF00CC≈ Pure Fuchsia - Split 150°
#004CFF≈ Pure Cobalt - Split 210°
#B300FF≈ Pure Purple
Contrast and accessibility of Pure Lime
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Lime | Aa | 1.18:1 | Fails |
| Black text on Pure Lime | Aa | 17.87:1 | AAA (excellent) |
CSS code for Pure Lime
background-color: #CCFF00;color: #CCFF00;background-color: rgb(204, 255, 0);background-color: hsl(72, 100%, 50%);:root { --color-pure-lime: #CCFF00; }class="bg-[#CCFF00]"Colors similar to Pure Lime
- Citron
#DFFF00 - Pure Chartreuse
#B2FF00 - Pure Citron
#E6FF00 - Medium Light Lime
#D4FF29 - Bright Citron
#D1E619 - Medium Light Chartreuse
#BFFF29 - Bright Lime
#BDE619 - Bright Yellow
#E5E619 - Medium Light Citron
#EAFF29 - Medium Dark Yellow
#D6D600 - Pure Spring Bud
#99FF00 - Medium Dark Citron
#C1D600
More yellow shades
- Palest Dusty Citron
#EAEBE0 - Darkest Lime
#293300 - Very Dark Lime
#495C00 - Dark Lime
#6A8500 - Deep Lime
#8BAD00 - Medium Dark Lime
#ABD600 - Medium Light Lime
#D4FF29 - Light Lime
#DCFF52 - Pale Lime
#E4FF7A - Very Pale Lime
#EDFFA3 - Palest Lime
#F5FFCC
Frequently asked questions
What is the HEX code for Pure Lime?
The HEX code for Pure Lime is #CCFF00.
What is the RGB value of Pure Lime?
Pure Lime has an RGB value of 204, 255, 0 (rgb(204, 255, 0)). In HSL it is 72°, 100%, 50%.
What text color should I use on Pure Lime?
Use black text on Pure Lime. White text has a contrast ratio of 1.18:1 and black text has 17.87:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Lime?
The complementary color of Pure Lime is #3300FF. Analogous colors #FFB300 and #4CFF00 also pair well.