DevArbor
#DCDCDC

Gainsboro — Kleurcodes & Palet

#DCDCDC  ·  rgb(220, 220, 220)  ·  hsl(0, 0%, 86%)

Kleurcodes

Indeling Waarde
HEX #DCDCDC
RGB rgb(220, 220, 220)
HSL hsl(0, 0%, 86%)

Tinten van Gainsboro

#C4C4C4#ADADAD#969696#808080#696969#525252#3B3B3B#242424

Pastelkleuren van Gainsboro

#DEDEDE#E0E0E0#E3E3E3#E6E6E6#E8E8E8#EBEBEB#EDEDED#F0F0F0

Kleurcombinaties & Harmonie

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

Contrast & Toegankelijkheid (WCAG 2.1)

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

CSS-fragment

.element {
  color: #DCDCDC;
}

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

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

Over Gainsboro

Gainsboro is een zeer licht kleur met zeer lage verzadiging (bijna achromatisch), gedefinieerd door de hexcode #DCDCDC. De exacte kleurmodelwaarden zijn rgb(220, 220, 220) in RGB en hsl(0, 0%, 86%) in HSL (tint 0°, verzadiging 0%, helderheid 86%). Op een witte achtergrond is de contrastverhouding 1.37:1 — Niet geslaagd, op zwart is dat 15.31:1 — AAA geslaagd voor normale tekst. Gebruik Gainsboro 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 Gainsboro?
De RGB-waarde van Gainsboro (#DCDCDC) is rgb(220, 220, 220). Rood = rgb(220, 220, 220), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is Gainsboro toegankelijk op een witte achtergrond?
De contrastverhouding van Gainsboro op wit (#FFFFFF) is 1.37:1 — Niet geslaagd. Op zwart (#000000) is de contrastverhouding 15.31: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 Gainsboro?
Op basis van kleurtheorie combineert Gainsboro (hsl(0, 0%, 86%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.