Kleurenpaletten

Kleur groen

De kleur van planten en bladeren; op een scherm zit het tussen blauw en geel licht in. Het staat voor natuur, gezondheid en toestemming om door te gaan. Je ziet het veel bij ecomerken, banken en bevestigingsknoppen.

Groen · #008000

Feiten over de kleur groen

De kleur groen (#008000) is tussen warm en koel in, donker en sterk verzadigd. Deze kleur hoort bij de familie van de groentinten. Ze bestaat uit 0 rood, 128 groen en 0 blauw (van de 255). Veelgebruikt voor: logo's, natuur, web, bewegwijzering.

Tinten van groen: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Kleuren die passen bij groen

WitFris en strak.BeigeNatuurlijk en ontspannen.KoffiebruinZoals hout en bladeren.MarineblauwEen koele, elegante mix.RozeHet complementaire contrast.GeelVrolijk en voorjaarsachtig.GoudLuxe en warmte.GrijsMaakt groen rustiger en moderner.
Zo combineer je groen in kleding en interieur →

Kleurharmonieën van groen

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Purper
AnaloogLijkt op: Jadegroen
TriadeLijkt op: Marineblauw, Granaatrood
Gesplitst complementairLijkt op: Indigo, Bordeauxrood
TetradeLijkt op: Ultraviolet, Purper, Chocoladebruin

Kleurenpaletten met groen

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Groen
Palet Analoog · Groen
Palet Complementair · Groen
Palet Triade · Groen
Palet Met neutrale kleuren · Groen
Palet Met accent · Groen

Contrast van groen met tekst

Witte tekstContrast 5.1:1 · AA
Zwarte tekstContrast 4.1:1 · AA grote tekst

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

:root {
  --groen: #008000;
  --groen-rgb: 0, 128, 0;
}
.achtergrond { background-color: var(--groen); }
.tekst { color: var(--groen); }

Kleuren die lijken op groen

BosgroenDonkergroenJadegroenSmaragdgroenAppelgroenPastelgroenPistachegroenOlijfgroenLichtgroenMosgroen

Andere groentinten

SmaragdgroenLimoengroenOlijfgroenMintgroenMosgroenBosgroenJadegroenDennengroenAppelgroenSaliegroenFlessengroenLegergroenNeongroenPistachegroenGrasgroenChartreusePastelgroenDonkergroenLichtgroenMexicaans groen

Veelgestelde vragen

Wat is de kleurcode van groen?

De HEX-code van de kleur groen is #008000. In RGB is dat rgb(0, 128, 0), in HSL hsl(120, 100%, 25%) en in CMYK 100, 0, 100, 50.

Wat is de complementaire kleur van groen?

De complementaire kleur in de kleurencirkel is #800080, een tint die in de buurt komt van purper. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur groen?

Ja. Het contrast met wit is 5.1:1, genoeg voor normale tekst (WCAG AA).

Welke kleuren passen bij groen?

Past goed bij wit, beige, koffiebruin, marineblauw, roze. Combineer het niet met intens rood, tenzij je een kerstlook wilt. Veel groentinten met verschillende ondertonen zonder neutrale kleur oogt rommelig.