Lighter companion
Clover Shadow Clear
#276E21 · hsl(115, 54%, 28%)
RGB
rgb(28, 79, 23)
HSL
hsl(115, 54%, 20%)
CMYK
cmyk(65%, 0%, 71%, 69%)
Metrics
S 54% · L 20%
Contrast (WCAG)
on white
9.6:1AA
on black
2.2:1Fail
About this color
Clover Nocturne Clear (#1C4F17) belongs to the green family — hue 115°, 54% saturation, 20% 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-nocturne-clear: #1C4F17; --colorarchive-clover-nocturne-clear-hsl: hsl(115, 54%, 20%); --colorarchive-clover-nocturne-clear-rgb: rgb(28, 79, 23); }
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 Ink Clear
#143710 · hsl(115, 54%, 14%)
Complementary counterpoint
Magenta Nocturne Clear
#45174F · hsl(290, 54%, 20%)
Analogous lead
Seafoam Nocturne Clear
#174F2A · hsl(140, 54%, 20%)
Analogous echo
Lime Nocturne Clear
#334F17 · hsl(90, 54%, 20%)
Triadic +120°
Indigo Nocturne Clear
#17214F · hsl(230, 54%, 20%)
Triadic +240°
Crimson Nocturne Clear
#4F1717 · hsl(0, 54%, 20%)
Split-comp +150°
Orchid Nocturne Clear
#2A174F · hsl(260, 54%, 20%)
Split-comp +210°
Rose Nocturne Clear
#4F173C · hsl(320, 54%, 20%)
Export preview
Base: Clover Nocturne Clear #1C4F17 Lighter companion: Clover Shadow Clear #276E21 Darker companion: Clover Ink Clear #143710 Complementary counterpoint: Magenta Nocturne Clear #45174F Analogous lead: Seafoam Nocturne Clear #174F2A Analogous echo: Lime Nocturne Clear #334F17 Triadic +120°: Indigo Nocturne Clear #17214F Triadic +240°: Crimson Nocturne Clear #4F1717 Split-comp +150°: Orchid Nocturne Clear #2A174F Split-comp +210°: Rose Nocturne Clear #4F173C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Ink Clear
#143710 · hsl(115, 54%, 14%)
Nearby match
Leaf Nocturne Clear
#214F17 · hsl(110, 54%, 20%)
Nearby match
Emerald Nocturne Clear
#174F17 · hsl(120, 54%, 20%)
Nearby match
Clover Shadow Clear
#276E21 · hsl(115, 54%, 28%)
Nearby match
Clover Nocturne Soft
#254422 · hsl(115, 34%, 20%)
Nearby match
Clover Nocturne Vivid
#14590D · hsl(115, 74%, 20%)
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
#363230
Protanopia
#39392C
Tritanopia
#21373A
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.