DarkOliveGreen — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #556B2F | |
| RGB | rgb(85, 107, 47) | |
| HSL | hsl(82, 39%, 30%) |
Tinten van DarkOliveGreen
| #4C602A | #445525 | #3B4A21 | #33401C | #2A3517 | #222B13 | #19200E | #111509 |
Pastelkleuren van DarkOliveGreen
| #68833A | #7C9C44 | #8FB351 | #9FBE6A | #AFC983 | #BFD39C | #CFDEB5 | #DFE9CD |
Kleurcombinaties & Harmonie
|
Complementair
#452F6A
|
Analoog +30°
#376A2F
|
Analoog −30°
#6A622F
|
Triadisch +120°
#2F546A
|
Triadisch −120°
#6A2F54
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #556B2F;
}
.element-bg {
background-color: #556B2F;
color: #ffffff;
}
.element-border {
border: 2px solid #556B2F;
}
Over DarkOliveGreen
DarkOliveGreen is een donker kleur met matige verzadiging, gedefinieerd door de hexcode #556B2F. De exacte kleurmodelwaarden zijn rgb(85, 107, 47) in RGB en hsl(82, 39%, 30%) in HSL (tint 82°, verzadiging 39%, helderheid 30%). Op een witte achtergrond is de contrastverhouding 5.95:1 — AA geslaagd voor normale tekst, op zwart is dat 3.53:1 — AA geslaagd voor grote tekst. Gebruik DarkOliveGreen 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 →