#6B8E23

OliveDrab — Kleurcodes & Palet

#6B8E23  ·  rgb(107, 142, 35)  ·  hsl(80, 60%, 35%)

Kleurcodes

Indeling Waarde
HEX #6B8E23
RGB rgb(107, 142, 35)
HSL hsl(80, 60%, 35%)

Tinten van OliveDrab

#628321#59761E#506A1B#465E17#3D5214#344511#2B390E#222D0B

Pastelkleuren van OliveDrab

#81AB2B#96C832#A5D24B#B4D968#C2E085#D0E8A1#DEEFBE#EDF6DA

Kleurcombinaties & Harmonie

Complementair
#47248F
Analoog +30°
#368F24
Analoog −30°
#8F7D24
Triadisch +120°
#246B8F
Triadisch −120°
#8F246B

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)
3.81:1 — AA geslaagd voor grote tekst
versus zwart (#000000)
5.52:1 — AA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #6B8E23;
}

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

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

Over OliveDrab

OliveDrab is een donker kleur met hoge verzadiging, gedefinieerd door de hexcode #6B8E23. De exacte kleurmodelwaarden zijn rgb(107, 142, 35) in RGB en hsl(80, 60%, 35%) in HSL (tint 80°, verzadiging 60%, helderheid 35%). Op een witte achtergrond is de contrastverhouding 3.81:1 — AA geslaagd voor grote tekst, op zwart is dat 5.52:1 — AA geslaagd voor normale tekst. Gebruik OliveDrab 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 OliveDrab?
De RGB-waarde van OliveDrab (#6B8E23) is rgb(107, 142, 35). Rood = rgb(107, 142, 35), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is OliveDrab toegankelijk op een witte achtergrond?
De contrastverhouding van OliveDrab op wit (#FFFFFF) is 3.81:1 — AA geslaagd voor grote tekst. Op zwart (#000000) is de contrastverhouding 5.52:1 — AA 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 OliveDrab?
Op basis van kleurtheorie combineert OliveDrab (hsl(80, 60%, 35%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.