Sand #E2CA76
Sand ist eine Farbe im Bereich Gelb, hell und mäßig gesättigt, mit dem Hex-Code #E2CA76 und dem RGB-Wert rgb(226, 202, 118).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (12.94:1).
Über diese Farbe
#E2CA76 ist eine Farbe im Bereich Gelb, hell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 84 %, die Chroma bei 0.108 und der Farbwinkel bei 94°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Sand. Schwarzer Text ist darauf am besten lesbar, mit 12.94:1.
| Farbfamilie | Gelb |
| Helligkeit | hell (84%) |
| Chroma | mäßig gesättigt (0.108) |
| Temperatur | warm |
| Nächster Name | Sand |
| Schwarzer Text | 12.94:1 |
| Weißer Text | 1.62:1 |
Farben, die zu Sand passen
Passende Farben, gefunden durch Drehen von Sand 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 Sand
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Sand enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Sand am nächsten liegen, mit ihrem ΔE-Abstand.
- Saffron #E9C46A ΔE 0.017
- Greenish Beige #C9D179 ΔE 0.037
- Maize #F4D054 ΔE 0.045
- Sandy #F1DA7A ΔE 0.048
- Maximum Yellow Red #FCBF49 ΔE 0.050
- Sunglow #FFD166 ΔE 0.050
- Light Mustard #F7D560 ΔE 0.050
- Greenish Tan #BCCB7A ΔE 0.052
Mehr über Sand
So mischst du Sand
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.
- 3 Teile Weiß
- 2 Teile Gelb
- 1 Teil Lila
Ergebnis des Rezepts: #E5C871, eine Abweichung von ΔE 0.007 zu Sand. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Sand in jedem Format
| HEX | #E2CA76 |
| RGB | rgb(226, 202, 118) |
| HSL | hsl(47, 65%, 67%) |
| OKLCH | oklch(84.1% 0.108 93.9) |
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 #E2CA76 | 1.62:1 | Nicht bestanden | Lc -31.3 | Elemente ohne Text, Platzhaltertext |
| Schwarzer Text auf #E2CA76 | 12.94:1 | AAA | Lc 76.0 | Gut für Fließtext |
| #E2CA76 als Text auf Weiß | 1.62:1 | Nicht bestanden | Lc 27.8 | Nur Trennlinien und Dekoration |
| #E2CA76 als Text auf Schwarz | 12.94:1 | AAA | Lc -75.2 | Gut für Fließtext |
Shades und Tints von Sand
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 300.
-
Stufe 50
50
#F8F5EB
oklch(97% 0.014 93)
-
Stufe 100
100
#F0EAD3
oklch(93.6% 0.031 94.9)
-
Stufe 200
200
#E6D9AD
oklch(88.5% 0.059 93.5)
-
Stufe 300
300 (diese Farbe)
#E2CA76
oklch(84.1% 0.108 93.9)
-
Stufe 400
400
#BE9E00
oklch(70.7% 0.145 94.4)
-
Stufe 500
500
#A38700
oklch(63.1% 0.129 94.2)
-
Stufe 600
600
#897100
oklch(55.5% 0.114 94.1)
-
Stufe 700
700
#745F00
oklch(49.2% 0.101 93.8)
-
Stufe 800
800
#5F4D00
oklch(42.6% 0.087 93.4)
-
Stufe 900
900
#4F4000
oklch(37.6% 0.077 93.9)
-
Stufe 950
950
#2F2600
oklch(27.1% 0.056 95.5)
Sand 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) | #DAC76F | 0.016 |
| Deuteranopie (keine Grünzapfen) | #E0CE79 | 0.010 |
| Tritanopie (keine Blauzapfen) | #F1BEB6 | 0.099 |
| Achromatopsie (kein Farbsehen) | #CBCBCB | 0.108 |
Nutze Sand 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.