We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Chartreuse Shadow Vivid
Color detail

Chartreuse Shadow Vivid

Lime · Hue 75
Metrics
S 74% · L 28%
Contrast (WCAG)
on white4.8:1AAon black4.4:1AA Large
Save to journalSign in to saveStart palette from thisRecent trail

About this color

Chartreuse Shadow Vivid (#627C13) belongs to the lime family — hue 75°, 74% 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-chartreuse-shadow-vivid: #627C13;
  --colorarchive-chartreuse-shadow-vivid-hsl: hsl(75, 74%, 28%);
  --colorarchive-chartreuse-shadow-vivid-rgb: rgb(98, 124, 19);
}

AI Color Names

Let AI suggest alternative poetic names for this color in English and Chinese.

Design Context

OrganicSustainableGrounded
Common in

Agriculture · Sustainable Fashion · Landscape Architecture

Pairs well with

Earth tones (brown, tan), warm whites, or muted terracotta

Design tip

Ideal for brands emphasizing sustainability. Olive tones work well in navigation and secondary UI elements.

Cultural context ▶

Olive and dark lime connect to nature, military, and sustainability. Evokes resilience and growth.

Color Origins

Lime family

Half spring leaf, half pop-art neon.

Heritage

Lime — the yellow-green region of the spectrum — was often mixed by painters, for example verdigris combined with lead-tin yellow or yellow ochre. Synthetic pigments of the 19th and 20th centuries made saturated lime far easier to mix, which is why lime feels visually 'modern' even though grass and leaves have always lived there.

Across cultures

In Japan, moegi — the yellow-green of young leaves sprouting in spring — is a traditional color that falls within lime. In American pop culture, fluorescent Day-Glo pigments, popularized by 1960s psychedelic art, made neon brights like lime part of the visual vocabulary. In sportswear lime carries 'high-visibility' connotations (running gear, safety vests) that have lately come back into fashion as a deliberate aesthetic.

In the wild

Tennis balls turned lime-yellow ('optic yellow') after 1972, when the ITF adopted them as easier to see on color TV; Wimbledon kept white balls until 1986. Xbox's brand palette includes a light green that sits at the lime end, though Spotify's green and the main Xbox green are true greens. BP's Helios mark mixes green with yellow. Mountain Dew's drink is a vivid chartreuse. In film, The Matrix's coded rain is green-on-black — the choice was originally about the look of phosphor CRT terminals.

How it reads

Lime is the youngest-feeling green: it reads as fresh, citric, energetic, and slightly synthetic. At low saturation it becomes olive or moss, both heavily associated with craft, sustainability, and slow design. At high saturation it reads as sport, beverage, or technology. Lime is one of the harder hues to use as a primary brand color without trending toward 'energy drink' — many brands therefore use it as an accent against deep neutrals.

This particular tone

A jewel tone — saturated and dark at once. This is the register of velvet, deep enamel, and old-world luxury.

Lightness band: At this depth the hue starts behaving like a neutral — it can substitute for black in many contexts while still carrying a faint chromatic temperature. It pairs especially well with off-whites and warm metallics.

Saturation band: At this saturation the color is doing work. It reads as a brand statement, a sport accessory, or a UI signal. It should be used in small, deliberate doses against quieter neighbors; large fields at this saturation will exhaust the eye.

Brands using a similar color

Within the public brand-guidelines reference catalog, these are the closest matches to #627C13.

  • Anthropicaccent
    Anthropic Green · #788C5D
    →
  • Microsoftneutral
    Slate Gray · #737373
    →
  • Notionneutral
    Notion Gray · #787774
    →

Cultures using a similar color

From the cultural-palette catalog, these regions feature a color close to #627C13.

  • VietnamRice Paddy Green
    #5F8D4E · Mekong Delta
    →
  • England (London)Plane Tree Green
    #5C7A5A · Platanus × hispanica, London street tree
    →
  • Greece (Aegean)Cypress Green
    #3E6B47 · Cupressus sempervirens
    →

Color guides

Go deeper on using lime and color in design.

UI DesignDark Mode Color Design: Building a System, Not Just an InversionColor TheoryColor and Motion: Using Color to Guide Attention in Animated InterfacesColor PsychologyColor and Memory: How Color Improves Learning and Information Recall

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion
Chartreuse Dusk Vivid
#779717 · hsl(75, 74%, 34%)
Darker companion
Chartreuse Nocturne Vivid
#46590D · hsl(75, 74%, 20%)
Complementary counterpoint
Violet Shadow Vivid
#24137C · hsl(250, 74%, 28%)
Analogous lead
Moss Shadow Vivid
#367C13 · hsl(100, 74%, 28%)
Analogous echo
Amber Shadow Vivid
#7C6B13 · hsl(50, 74%, 28%)
Triadic +120°
Cerulean Shadow Vivid
#136B7C · hsl(190, 74%, 28%)
Triadic +240°
Peony Shadow Vivid
#7C136B · hsl(310, 74%, 28%)
Split-comp +150°
Cobalt Shadow Vivid
#13367C · hsl(220, 74%, 28%)
Split-comp +210°
Mulberry Shadow Vivid
#59137C · hsl(280, 74%, 28%)
Export preview
Base: Chartreuse Shadow Vivid #627C13
Lighter companion: Chartreuse Dusk Vivid #779717
Darker companion: Chartreuse Nocturne Vivid #46590D
Complementary counterpoint: Violet Shadow Vivid #24137C
Analogous lead: Moss Shadow Vivid #367C13
Analogous echo: Amber Shadow Vivid #7C6B13
Triadic +120°: Cerulean Shadow Vivid #136B7C
Triadic +240°: Peony Shadow Vivid #7C136B
Split-comp +150°: Cobalt Shadow Vivid #13367C
Split-comp +210°: Mulberry Shadow Vivid #59137C

Compare

See how Chartreuse Shadow Vivid compares side by side with related colors.

vsChartreuse Dusk VividvsChartreuse Nocturne VividvsViolet Shadow VividvsMoss Shadow VividvsAmber Shadow VividvsCerulean Shadow Vivid

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Search by hex
Nearby match
Chartreuse Dusk Vivid
#779717 · hsl(75, 74%, 34%)
Nearby match
Chartreuse Shadow Bright
#65830B · hsl(75, 84%, 28%)
Nearby match
Honey Shadow Vivid
#6B7C13 · hsl(70, 74%, 28%)
Nearby match
Olive Shadow Vivid
#597C13 · hsl(80, 74%, 28%)
Nearby match
Chartreuse Nocturne Vivid
#46590D · hsl(75, 74%, 20%)
Nearby match
Chartreuse Shadow Pure
#688906 · hsl(75, 92%, 28%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker
AA4.5:1
Violet Veil Faint
#FAF9FA
AA4.5:1
Violet Veil Muted
#F9F9FB
AA4.5:1
Violet Veil Dust
#F9F9FB
AA4.5:1
Violet Veil Soft
#F9F8FC
AA4.5:1
Violet Veil Clear
#F8F7FD
AA4.5:1
Orchid Veil Faint
#FAF9FA

Color Vision Simulation

How this color appears with different color vision deficiencies.

Full simulator
Deuteranopia
#6D6B48
Protanopia
#6E6E41
Tritanopia
#645559
Color of the Day

Like Chartreuse Shadow Vivid? Get one like it every morning.

One hand-picked color a day — with its hex, family, and the story behind it.

Get a color every morning

One email per day. Unsubscribe anytime.

Ready to build

Turn these colors into design tokens

Copy the CSS variables and the Tailwind class free, right here. ColorArchive Pro lifts the daily export limit — 10 a day signed in, 3 without an account.

Upgrade to ProFree downloadView collections

Saturation ladder

Same hue and lightness, from gray to pure

Search
Chartreuse Shadow Faint#4B4F40 · hsl(75, 10%, 28%)Chartreuse Shadow Muted#4E543B · hsl(75, 18%, 28%)Chartreuse Shadow Dust#515A35 · hsl(75, 26%, 28%)Chartreuse Shadow Soft#54602F · hsl(75, 34%, 28%)Chartreuse Shadow Clear#5B6E21 · hsl(75, 54%, 28%)Chartreuse Shadow Vivid#627C13 · hsl(75, 74%, 28%)Chartreuse Shadow Bright#65830B · hsl(75, 84%, 28%)Chartreuse Shadow Pure#688906 · hsl(75, 92%, 28%)
More from Lime →