Hazel #8E7618
Hazel ist eine Farbe im Bereich Gelb, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #8E7618 und dem RGB-Wert rgb(142, 118, 24).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (4.75:1).
Über diese Farbe
#8E7618 ist eine Farbe im Bereich Gelb, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 57 %, die Chroma bei 0.109 und der Farbwinkel bei 93°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Hazel. Schwarzer Text ist darauf am besten lesbar, mit 4.75:1.
| Farbfamilie | Gelb |
| Helligkeit | mitteldunkel (57%) |
| Chroma | mäßig gesättigt (0.109) |
| Temperatur | warm |
| Nächster Name | Hazel |
| Schwarzer Text | 4.75:1 |
| Weißer Text | 4.41:1 |
Farben, die zu Hazel passen
Passende Farben, gefunden durch Drehen von Hazel 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 Hazel
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Hazel enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Hazel am nächsten liegen, mit ihrem ΔE-Abstand.
- Olive #808000 ΔE 0.038
- Muddy Brown #886806 ΔE 0.040
- Drab #828344 ΔE 0.042
- Bronze #A87900 ΔE 0.045
- Dirt #8A6E45 ΔE 0.052
- Raw Sienna #9A6200 ΔE 0.053
- Khaki Green #728639 ΔE 0.055
- Murky Green #6C7A0E ΔE 0.056
Mehr über Hazel
So mischst du Hazel
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.
- 2 Teile Orange
- 1 Teil Grün
- 1 Teil Braun
Ergebnis des Rezepts: #8A782B, eine Abweichung von ΔE 0.012 zu Hazel. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Hazel in jedem Format
| HEX | #8E7618 |
| RGB | rgb(142, 118, 24) |
| HSL | hsl(48, 71%, 33%) |
| OKLCH | oklch(57.3% 0.109 93.4) |
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 #8E7618 | 4.41:1 | AA für großen Text | Lc -76.0 | Gut für Fließtext |
| Schwarzer Text auf #8E7618 | 4.75:1 | AA | Lc 33.6 | Elemente ohne Text, Platzhaltertext |
| #8E7618 als Text auf Weiß | 4.41:1 | AA für großen Text | Lc 70.5 | Inhaltstext, nicht für lange Texte |
| #8E7618 als Text auf Schwarz | 4.75:1 | AA | Lc -31.2 | Elemente ohne Text, Platzhaltertext |
Shades und Tints von Hazel
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 600.
-
Stufe 50
50
#F7F5F1
oklch(97.1% 0.006 84.6)
-
Stufe 100
100
#EDEADF
oklch(93.6% 0.015 94.2)
-
Stufe 200
200
#DFD9C5
oklch(88.5% 0.028 93.1)
-
Stufe 300
300
#CBC19D
oklch(81% 0.05 94.3)
-
Stufe 400
400
#B1A067
oklch(70.7% 0.078 93.4)
-
Stufe 500
500
#9E883A
oklch(63.1% 0.101 93.5)
-
Stufe 600
600 (diese Farbe)
#8E7618
oklch(57.3% 0.109 93.4)
-
Stufe 700
700
#745F00
oklch(49.2% 0.101 93.8)
-
Stufe 800
800
#5F4D07
oklch(42.7% 0.084 92.6)
-
Stufe 900
900
#4D4112
oklch(37.8% 0.066 94.5)
-
Stufe 950
950
#2D260C
oklch(27% 0.042 94.4)
Hazel 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) | #847400 | 0.021 |
| Deuteranopie (keine Grünzapfen) | #8A7B1F | 0.014 |
| Tritanopie (keine Blauzapfen) | #9A6C65 | 0.100 |
| Achromatopsie (kein Farbsehen) | #787878 | 0.109 |
Nutze Hazel 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.