DimGray — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #696969 | |
| RGB | rgb(105, 105, 105) | |
| HSL | hsl(0, 0%, 41%) |
Tinten van DimGray
| #5E5E5E | #545454 | #4A4A4A | #404040 | #363636 | #2B2B2B | #212121 | #171717 |
Pastelkleuren van DimGray
| #787878 | #878787 | #969696 | #A6A6A6 | #B5B5B5 | #C4C4C4 | #D4D4D4 | #E3E3E3 |
Kleurcombinaties & Harmonie
|
Complementair
#696969
|
Analoog +30°
#696969
|
Analoog −30°
#696969
|
Triadisch +120°
#696969
|
Triadisch −120°
#696969
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #696969;
}
.element-bg {
background-color: #696969;
color: #ffffff;
}
.element-border {
border: 2px solid #696969;
}
Over DimGray
DimGray is een middel kleur met zeer lage verzadiging (bijna achromatisch), gedefinieerd door de hexcode #696969. De exacte kleurmodelwaarden zijn rgb(105, 105, 105) in RGB en hsl(0, 0%, 41%) in HSL (tint 0°, verzadiging 0%, helderheid 41%). Op een witte achtergrond is de contrastverhouding 5.49:1 — AA geslaagd voor normale tekst, op zwart is dat 3.83:1 — AA geslaagd voor grote tekst. Gebruik DimGray 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 →