Greenish Yellow Color
Greenish Yellow is a yellow green color with hex code #CDFD02. This page covers its meaning, all color values, harmonies, colors that go with greenish yellow, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.
Greenish Yellow Color Values
What Does Greenish Yellow Mean?
Greenish Yellow belongs to the yellow green family of colors. Yellow greens read as new growth: seedlings, spring lawns, the flesh of a lime. They bring a freshness that deeper greens can't, and they sit naturally beside browns and earth tones in plant-heavy palettes. Greenish Yellow sits at a mid-lightness, which keeps it readable on both white and black without much fuss.
In the ISCC-NBS color naming system, Greenish Yellow is classified as a yellow (nearest centroid: vivid greenish yellow, #DCD300).
Color Harmonies
Complementary
Analogous
Triadic
Colors That Go With Greenish Yellow
Greenish Yellow and #3003FC are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.
Analogous neighbors — #FCAD03 and #52FC03, which sit beside greenish yellow on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.
For an energetic three-color palette, pair greenish yellow with triadic partners #03CFFC and #FC03CF. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.
Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.
Tints and Shades
Tints (lighter)
Shades (darker)
Similar Colors
- Neon Yellow —
#CFFF04(Delta E 1) - Lime Yellow —
#D0FE1D(Delta E 3) - Greeny Yellow —
#C6F808(Delta E 3) - Electric Lime —
#C8FF00(Delta E 3) - Lemon Lime —
#BFFE28(Delta E 7)
CSS Examples
.text { color: #CDFD02; }
.background { background-color: #CDFD02; }
.border { border: 2px solid #CDFD02; }
.shadow { box-shadow: 0 4px 6px #CDFD0240; }WCAG Contrast
Frequently Asked Questions
What is the hex code for greenish yellow?
Greenish Yellow has the hex code #CDFD02. In RGB notation it is rgb(205, 253, 2), in HSL it is hsl(71, 98%, 50%), and its OKLCH value is 0.927, 0.226, 122.5.
What does the color greenish yellow mean?
Yellow Green-family colors like greenish yellow carry distinct psychological associations. Greenish Yellow belongs to the yellow green family of colors. Yellow greens read as new growth: seedlings, spring lawns, the flesh of a lime. They bring a freshness that deeper greens can't, and they sit naturally beside browns and earth tones in plant-heavy palettes. Greenish Yellow sits at a mid-lightness, which keeps it readable on both white and black without much fuss.
What colors go with greenish yellow?
Greenish Yellow has three easy routes: its complement #3003FC for punch, its neighbors #FCAD03 and #52FC03 for something calmer, or triadic partners #03CFFC and #FC03CF when you want energy.
Is greenish yellow a standard web color?
No — Greenish Yellow is not a CSS keyword. Use its hex value #CDFD02 or any RGB/HSL equivalent in your stylesheets.
How do I make greenish yellow lighter or darker?
To lighten greenish yellow, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #F7FFD7 (lightest tint) to #212800 (darkest shade).
About Greenish Yellow
Greenish Yellow is classified as a Yellow in the ISCC-NBS color naming system, within the Yellow Green hue family. It has The color is recognized by XKCD, meodai.
Use our Color Converter to convert #CDFD02 to any other color format, or explore the Color Wheel to find harmonious color combinations.