ColorArchive

RGB

rgb(32, 197, 17)

HSL

hsl(115, 84%, 42%)

CMYK

cmyk(84%, 0%, 91%, 23%)

Metrics

S 84% · L 42%

Contrast (WCAG)

on white

2.3:1Fail

on black

9.1:1AA

About this color

Clover Velvet Bright (#20C511) belongs to the green family — hue 115°, 84% saturation, 42% 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-velvet-bright: #20C511;
  --colorarchive-clover-velvet-bright-hsl: hsl(115, 84%, 42%);
  --colorarchive-clover-velvet-bright-rgb: rgb(32, 197, 17);
}

AI Color Names

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

Design Context

BalancedTrustworthyGrowing

Common in

Finance · Insurance · Environmental

Pairs well with

White for clean professionalism, dark navy for authority, gold for premium

Design tip

The go-to for financial dashboards and environmental brands. Green conveys stability — use for success states and positive metrics.

Cultural context ▶

Green universally represents nature, growth, and money. In Islam, green is sacred. In Western finance, it signals profit.

Color Origins

Green family

The color of growth, currency, and the longest-running brands.

Heritage

Verdigris (copper acetate) gave medieval manuscripts their greens; it was unstable, eating through parchment over centuries. Terre verte (green earth) was used for under-painting flesh in the Italian tradition. Scheele's green and Paris green, both 19th-century arsenic compounds, killed an unknown number of wallpaper-makers and Victorian children before viridian and phthalo greens replaced them. Modern green pigments are remarkably stable; the iconic Brunswick green that became British Racing Green dates to the same chemistry.

Across cultures

Green is the dominant color of Islam — the Prophet's banner, the flags of many Muslim-majority nations, the domes of mosques. In Ireland green is national identity, partly through the shamrock and partly through the political binary with orange. In Japan, green and blue (ao/midori) were a single concept until recently; traffic 'green lights' there are still a deeper teal-ish shade. Across many cultures green simultaneously means growth, fertility, envy, and the supernatural.

In the wild

Starbucks' green has barely changed since 1971. John Deere has used essentially the same green since 1837 — the longest continuous brand color in commerce. The U.S. dollar is green because of the chemistry of camphor and copper sulfate, not branding. Whatsapp, Spotify, and Heineken all anchor on green; each chose it for a different reason (community, sound, Dutch heritage). Hospital scrubs were originally white but switched to green/teal because surgeons were getting after-image fatigue.

How it reads

Green is the hue the eye is most efficient at parsing — half of all our cone cells are tuned near 555nm. That makes green the easiest color to look at for long periods, which is why it dominates productivity software, 'go' indicators, and reading-friendly UI. At low saturation it reads as natural, calm, premium (sage, olive). At high saturation it reads as urgent or playful (Mountain Dew, Slack notifications). It carries one of the strongest semantic loads in product design: 'success', 'go', 'natural', 'safe'.

This particular tone

A vivid mid-tone — distinctive enough to anchor an identity, saturated enough to demand a quiet supporting palette.

Lightness band: At mid-lightness the hue carries its full character. This is the band where most identity colors live: bright enough to be distinctive at small sizes, deep enough to sit cleanly on a white canvas.

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.

About this color

AI Color Names

Design Context

Color Origins

Heritage

Across cultures

In the wild

How it reads

Brands using a similar color

Cultures using a similar color

Tonal strip

Palette moves

Compare

Nearest neighbors

Accessible pairings

Color Vision Simulation

About this color

AI Color Names

Design Context

Color Origins

Heritage

Across cultures

In the wild

How it reads

Brands using a similar color

Cultures using a similar color

Tonal strip

Palette moves

Compare

Nearest neighbors

Accessible pairings

Color Vision Simulation