DevArbor
#D3D3D3

LightGray — Kleurcodes & Palet

#D3D3D3  ·  rgb(211, 211, 211)  ·  hsl(0, 0%, 83%)

Kleurcodes

Indeling Waarde
HEX #D3D3D3
RGB rgb(211, 211, 211)
HSL hsl(0, 0%, 83%)

Tinten van LightGray

#BDBDBD#A6A6A6#8F8F8F#787878#616161#4A4A4A#333333#1C1C1C

Pastelkleuren van LightGray

#D6D6D6#D9D9D9#DBDBDB#DEDEDE#E0E0E0#E3E3E3#E6E6E6#E8E8E8

Kleurcombinaties & Harmonie

Complementair
#D4D4D4
Analoog +30°
#D4D4D4
Analoog −30°
#D4D4D4
Triadisch +120°
#D4D4D4
Triadisch −120°
#D4D4D4

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)
1.50:1 — Niet geslaagd
versus zwart (#000000)
14.03:1 — AAA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #D3D3D3;
}

.element-bg {
  background-color: #D3D3D3;
  color: #000000;
}

.element-border {
  border: 2px solid #D3D3D3;
}

Over LightGray

LightGray is een zeer licht kleur met zeer lage verzadiging (bijna achromatisch), gedefinieerd door de hexcode #D3D3D3. De exacte kleurmodelwaarden zijn rgb(211, 211, 211) in RGB en hsl(0, 0%, 83%) in HSL (tint 0°, verzadiging 0%, helderheid 83%). Op een witte achtergrond is de contrastverhouding 1.50:1 — Niet geslaagd, op zwart is dat 14.03:1 — AAA geslaagd voor normale tekst. Gebruik LightGray voor UI-elementen, achtergronden, tekst, randen of decoratieve accenten. Het tintengedeelte hieronder toont progressief donkerdere varianten, terwijl de pastelstrook progressief lichtere versies toont — beide nuttig voor het opbouwen van een tonaal palet. De harmoniekleuren bieden complementaire, analoge en triadische combinaties op basis van het HSL-tintwiel.

Deze kleur interactief verkennen, paletten genereren of wisselen tussen kleurindelingen? De DevArbor-kleurenkiezer helpt je daarbij.

Kleurenkiezer openen →

Veelgestelde vragen

Wat is de RGB-waarde van LightGray?
De RGB-waarde van LightGray (#D3D3D3) is rgb(211, 211, 211). Rood = rgb(211, 211, 211), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is LightGray toegankelijk op een witte achtergrond?
De contrastverhouding van LightGray op wit (#FFFFFF) is 1.50:1 — Niet geslaagd. Op zwart (#000000) is de contrastverhouding 14.03:1 — AAA geslaagd voor normale tekst. WCAG 2.1 vereist 4,5:1 voor AA (normale tekst) en 7:1 voor AAA.
Welke kleuren combineren goed met LightGray?
Op basis van kleurtheorie combineert LightGray (hsl(0, 0%, 83%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.