Kleurenpaletten

Kleur grijs

Het midden tussen wit en zwart. Neutraal en evenwichtig, zodat andere kleuren kunnen opvallen. Je gebruikt het voor secundaire tekst, basiskleding en een modern interieur.

Ook wel: middengrijs.

Grijs · #808080

Feiten over de kleur grijs

De kleur grijs (#808080) is neutraal, middelmatig licht en nauwelijks verzadigd. Deze kleur hoort bij de familie van de grijstinten. Ze bestaat uit 128 rood, 128 groen en 128 blauw (van de 255). Veelgebruikt voor: web, interieur, mode, branding.

Tinten van grijs: licht en donker

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

Kleuren die passen bij grijs

WitEen strak, minimalistisch duo.ZwartEen stijlvolle, moderne combinatie.GeelEen vrolijk accent dat grijs oplicht.OudrozeEen zachte, moderne mix.MarineblauwElegant en professioneel.MosterdgeelWarmte op een koele basis.SaliegroenEen rustige, natuurlijke combinatie.WijnroodEen diepe, elegante touch.
Zo combineer je grijs in kleding en interieur →

Kleurharmonieën van grijs

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

Complementair
Analoog
Triade
Gesplitst complementair
Tetrade

Kleurenpaletten met grijs

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

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

Contrast van grijs met tekst

Witte tekstContrast 3.9:1 · AA grote tekst
Zwarte tekstContrast 5.3:1 · AA

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

CSS-code

:root {
  --grijs: #808080;
  --grijs-rgb: 128, 128, 128;
}
.achtergrond { background-color: var(--grijs); }
.tekst { color: var(--grijs); }

Kleuren die lijken op grijs

RookgrijsStaalgrijsLoodgrijsSteengrijsLeigrijsDonkergrijsBlauwgrijsGreigeGrafietMokka

Kleurenpaletten per thema met deze kleur

Andere grijstinten

LichtgrijsDonkergrijsZilverHoutskoolgrijsLeigrijsAsgrijsParelgrijsOxfordgrijsGrafietTaupeStaalgrijsLoodgrijsRookgrijsSteengrijsPlatinaBlauwgrijsGreige

Veelgestelde vragen

Wat is de kleurcode van grijs?

De HEX-code van de kleur grijs is #808080. In RGB is dat rgb(128, 128, 128), in HSL hsl(0, 0%, 50%) en in CMYK 0, 0, 0, 50.

Wat is de complementaire kleur van grijs?

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

Kun je witte tekst gebruiken op de kleur grijs?

Gebruik liever zwarte tekst: het contrast met wit is maar 3.9:1, met zwart is het 5.3:1.

Welke kleuren passen bij grijs?

Past goed bij wit, zwart, geel, oudroze, marineblauw. Mix geen grijstinten met verschillende ondertonen, zoals een blauwig en een groenig grijs, want die lijken niet bij elkaar te horen. Grijs met een heel geel beige kan ook vaal ogen.