Brown Green #706C11
Brown Green ist eine Farbe im Bereich Gelb, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #706C11 und dem RGB-Wert rgb(112, 108, 17).
Aa
Weißer Text ist auf dieser Farbe am besten lesbar (5.46:1).
Über diese Farbe
#706C11 ist eine Farbe im Bereich Gelb, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 52 %, die Chroma bei 0.105 und der Farbwinkel bei 107°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Brown Green. Weißer Text ist darauf am besten lesbar, mit 5.46:1.
| Farbfamilie | Gelb |
| Helligkeit | mitteldunkel (52%) |
| Chroma | mäßig gesättigt (0.105) |
| Temperatur | warm |
| Nächster Name | Brown Green |
| Schwarzer Text | 3.84:1 |
| Weißer Text | 5.46:1 |
Farben, die zu Brown Green passen
Passende Farben, gefunden durch Drehen von Brown Green auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.
Komplementär
Der gegenüberliegende Farbton (180°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
Farbpaletten mit Brown Green
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Brown Green enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Brown Green am nächsten liegen, mit ihrem ΔE-Abstand.
- Browny Green #6F6C0A ΔE 0.004
- Muddy Green #657432 ΔE 0.029
- Mud Green #606602 ΔE 0.033
- Dark Moss Green #606C38 ΔE 0.037
- Greeny Brown #696006 ΔE 0.037
- Muddy Brown #886806 ΔE 0.040
- Murky Green #6C7A0E ΔE 0.041
- Dark Olive Green #556B2F ΔE 0.043
Mehr über Brown Green
So mischst du Brown Green
Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.
- 1 Teil Orange
- 1 Teil Grün
- 1 Teil Braun
Ergebnis des Rezepts: #676E2F, eine Abweichung von ΔE 0.023 zu Brown Green. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Brown Green in jedem Format
| HEX | #706C11 |
| RGB | rgb(112, 108, 17) |
| HSL | hsl(57, 74%, 25%) |
| OKLCH | oklch(51.9% 0.105 106.8) |
Kontrast
WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-Empfehlung |
|---|---|---|---|---|
| Weißer Text auf #706C11 | 5.46:1 | AA | Lc -82.5 | Gut für Fließtext |
| Schwarzer Text auf #706C11 | 3.84:1 | AA für großen Text | Lc 26.9 | Nur Trennlinien und Dekoration |
| #706C11 als Text auf Weiß | 5.46:1 | AA | Lc 77.2 | Gut für Fließtext |
| #706C11 als Text auf Schwarz | 3.84:1 | AA für großen Text | Lc -24.6 | Nur Trennlinien und Dekoration |
Shades und Tints von Brown Green
Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 700.
-
Stufe 50
50
#F6F6F1
oklch(97.2% 0.007 106.5)
-
Stufe 100
100
#EBEBE0
oklch(93.7% 0.015 106.7)
-
Stufe 200
200
#DBDBC6
oklch(88.6% 0.028 107)
-
Stufe 300
300
#C4C39E
oklch(80.8% 0.05 106.2)
-
Stufe 400
400
#A6A468
oklch(70.6% 0.08 106.6)
-
Stufe 500
500
#918E3C
oklch(63.2% 0.104 107.1)
-
Stufe 600
600
#7B7713
oklch(55.5% 0.113 107.1)
-
Stufe 700
700 (diese Farbe)
#706C11
oklch(51.9% 0.105 106.8)
-
Stufe 800
800
#555209
oklch(42.8% 0.087 107)
-
Stufe 900
900
#464413
oklch(37.8% 0.068 107)
-
Stufe 950
950
#29280D
oklch(27.1% 0.043 107)
Brown Green bei Farbenblindheit
Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.
| Sehen | Wirkt als | Verschiebung (ΔE) |
|---|---|---|
| Protanopie (keine Rotzapfen) | #766700 | 0.015 |
| Deuteranopie (keine Grünzapfen) | #786B19 | 0.015 |
| Tritanopie (keine Blauzapfen) | #79645C | 0.096 |
| Achromatopsie (kein Farbsehen) | #696969 | 0.105 |
Nutze Brown Green in deinem Produkt
Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.