Sour Apple Rings

#33bb00

Zesty yellow-green, warmer and bolder than Glimmer

Save
Share

About Sour Apple Rings

Sour Apple Rings reads like a fresh, sweet-green candy that got pulled slightly toward the yellow side without turning chartreuse. Compared to , it feels more electrically bright and more centered in the "fruit green" zone, not field-depth. It's also a touch more saturated and less softly settled than , so it pops sooner on first glance. Against Green Glimmer, it's brighter still, but with a creamier, fruitier undertone instead of that straight-up neon glow.

I use it for win-states and confirmed chips when the UI needs the one you reach for green that feels clean, fun, and unmistakable in tight table rows. It's great for logistics scan milestones, manufacturing quality approval steps, and pharmacy progress indicators where repeated lines need instant recognition. In dashboards and finance apps, it works well for positive confirmations when you want a "fresh good news" signal, not the steady, darker authority of the deeper greens.

Pair it with soft warm neutrals or very light grays, because next to cool-minty backgrounds it can feel a little too "awake."

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.55:1Fail

On Gray 100 #f5f5f5

Aa
2.34:1Fail

On Gray 900 #18181b

Aa
6.96:1AAAAA Large

On Black #000000

Aa
8.25:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Sour Apple Rings

Open the generator with this color pre-loaded.

Start creating