#BDBDBD — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #BDBDBD | |
| RGB | rgb(189, 189, 189) | |
| HSL | hsl(0, 0%, 74%) |
Tinten van #BDBDBD
| #A8A8A8 | #949494 | #808080 | #6B6B6B | #575757 | #424242 | #2E2E2E | #1A1A1A |
Pastelkleuren van #BDBDBD
| #C2C2C2 | #C7C7C7 | #CCCCCC | #D1D1D1 | #D6D6D6 | #DBDBDB | #E0E0E0 | #E6E6E6 |
Kleurcombinaties & Harmonie
|
Complementair
#BDBDBD
|
Analoog +30°
#BDBDBD
|
Analoog −30°
#BDBDBD
|
Triadisch +120°
#BDBDBD
|
Triadisch −120°
#BDBDBD
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #BDBDBD;
}
.element-bg {
background-color: #BDBDBD;
color: #000000;
}
.element-border {
border: 2px solid #BDBDBD;
}
Over #BDBDBD
#BDBDBD is een licht kleur met zeer lage verzadiging (bijna achromatisch), gedefinieerd door de hexcode #BDBDBD. De exacte kleurmodelwaarden zijn rgb(189, 189, 189) in RGB en hsl(0, 0%, 74%) in HSL (tint 0°, verzadiging 0%, helderheid 74%). Op een witte achtergrond is de contrastverhouding 1.88:1 — Niet geslaagd, op zwart is dat 11.18:1 — AAA geslaagd voor normale tekst. Gebruik #BDBDBD 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 →