Lighter companion
Clover Dusk Clear
#308628 · hsl(115, 54%, 34%)
RGB
rgb(39, 110, 33)
HSL
hsl(115, 54%, 28%)
CMYK
cmyk(65%, 0%, 70%, 57%)
Metrics
S 54% · L 28%
Contrast (WCAG)
on white
6.3:1AA
on black
3.3:1AA Large
About this color
Clover Shadow Clear (#276E21) belongs to the green family — hue 115°, 54% saturation, 28% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-clover-shadow-clear: #276E21; --colorarchive-clover-shadow-clear-hsl: hsl(115, 54%, 28%); --colorarchive-clover-shadow-clear-rgb: rgb(39, 110, 33); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Clover Nocturne Clear
#1C4F17 · hsl(115, 54%, 20%)
Complementary counterpoint
Magenta Shadow Clear
#61216E · hsl(290, 54%, 28%)
Analogous lead
Seafoam Shadow Clear
#216E3B · hsl(140, 54%, 28%)
Analogous echo
Lime Shadow Clear
#476E21 · hsl(90, 54%, 28%)
Triadic +120°
Indigo Shadow Clear
#212E6E · hsl(230, 54%, 28%)
Triadic +240°
Crimson Shadow Clear
#6E2121 · hsl(0, 54%, 28%)
Split-comp +150°
Orchid Shadow Clear
#3B216E · hsl(260, 54%, 28%)
Split-comp +210°
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Export preview
Base: Clover Shadow Clear #276E21 Lighter companion: Clover Dusk Clear #308628 Darker companion: Clover Nocturne Clear #1C4F17 Complementary counterpoint: Magenta Shadow Clear #61216E Analogous lead: Seafoam Shadow Clear #216E3B Analogous echo: Lime Shadow Clear #476E21 Triadic +120°: Indigo Shadow Clear #212E6E Triadic +240°: Crimson Shadow Clear #6E2121 Split-comp +150°: Orchid Shadow Clear #3B216E Split-comp +210°: Rose Shadow Clear #6E2154
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Dusk Clear
#308628 · hsl(115, 54%, 34%)
Nearby match
Leaf Shadow Clear
#2E6E21 · hsl(110, 54%, 28%)
Nearby match
Emerald Shadow Clear
#216E21 · hsl(120, 54%, 28%)
Nearby match
Clover Nocturne Clear
#1C4F17 · hsl(115, 54%, 20%)
Nearby match
Clover Shadow Soft
#33602F · hsl(115, 34%, 28%)
Nearby match
Clover Shadow Vivid
#1B7C13 · hsl(115, 74%, 28%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#4B4644
Protanopia
#4F503F
Tritanopia
#2E4E51
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.