OliveDrab — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #6B8E23 | |
| RGB | rgb(107, 142, 35) | |
| HSL | hsl(80, 60%, 35%) |
Dunklere Töne von OliveDrab
| #628321 | #59761E | #506A1B | #465E17 | #3D5214 | #344511 | #2B390E | #222D0B |
Hellere Töne von OliveDrab
| #81AB2B | #96C832 | #A5D24B | #B4D968 | #C2E085 | #D0E8A1 | #DEEFBE | #EDF6DA |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#47248F
|
Analog +30°
#368F24
|
Analog −30°
#8F7D24
|
Triade +120°
#246B8F
|
Triade −120°
#8F246B
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #6B8E23;
}
.element-bg {
background-color: #6B8E23;
color: #000000;
}
.element-border {
border: 2px solid #6B8E23;
}
Über OliveDrab
OliveDrab ist eine dunkle Farbe mit hoher Sättigung, definiert durch den Hex-Code #6B8E23. Die genauen Farbmodellwerte sind rgb(107, 142, 35) in RGB und hsl(80, 60%, 35%) in HSL (Farbton 80°, Sättigung 60%, Helligkeit 35%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 3.81:1 — AA bestanden (nur großer Text), auf schwarzem 5.52:1 — AA bestanden (Normalstext). Verwende OliveDrab für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.
Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.
Farbauswahl öffnen →