Sand Brown #CBA560
Sand Brown ist eine Farbe im Bereich Orange, mittelhell und mäßig gesättigt, mit dem Hex-Code #CBA560 und dem RGB-Wert rgb(203, 165, 96).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (9.09:1).
Über diese Farbe
#CBA560 ist eine Farbe im Bereich Orange, mittelhell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 74 %, die Chroma bei 0.098 und der Farbwinkel bei 81°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Sand Brown. Schwarzer Text ist darauf am besten lesbar, mit 9.09:1.
| Farbfamilie | Orange |
| Helligkeit | mittelhell (74%) |
| Chroma | mäßig gesättigt (0.098) |
| Temperatur | warm |
| Nächster Name | Sand Brown |
| Schwarzer Text | 9.09:1 |
| Weißer Text | 2.31:1 |
Farben, die zu Sand Brown passen
Passende Farben, gefunden durch Drehen von Sand Brown 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 Brown
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Sand Brown enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Sand Brown am nächsten liegen, mit ihrem ΔE-Abstand.
- Camel #C69F59 ΔE 0.018
- Desert #CCAD60 ΔE 0.021
- Sandstone #C9AE74 ΔE 0.026
- Earth Yellow #DDA15E ΔE 0.029
- Toupe #C7AC7D ΔE 0.032
- Fawn #CFAF7B ΔE 0.035
- Dark Khaki #BDB76B ΔE 0.047
- Putty #BEAE8A ΔE 0.048
Mehr über Sand Brown
So mischst du Sand Brown
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 Weiß
- 1 Teil Grau
Ergebnis des Rezepts: #C8A85E, eine Abweichung von ΔE 0.011 zu Sand Brown. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Sand Brown in jedem Format
| HEX | #CBA560 |
| RGB | rgb(203, 165, 96) |
| HSL | hsl(39, 51%, 59%) |
| OKLCH | oklch(74.2% 0.098 81.2) |
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 #CBA560 | 2.31:1 | Nicht bestanden | Lc -50.4 | Großer oder fetter Text, Überschriften |
| Schwarzer Text auf #CBA560 | 9.09:1 | AAA | Lc 58.5 | Großer oder fetter Text, Überschriften |
| #CBA560 als Text auf Weiß | 2.31:1 | Nicht bestanden | Lc 45.5 | Großer oder fetter Text, Überschriften |
| #CBA560 als Text auf Schwarz | 9.09:1 | AAA | Lc -56.6 | Großer oder fetter Text, Überschriften |
Shades und Tints von Sand Brown
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 400.
-
Stufe 50
50
#F8F5EF
oklch(97.1% 0.009 84.6)
-
Stufe 100
100
#F0E9DD
oklch(93.6% 0.018 81.3)
-
Stufe 200
200
#E5D7C0
oklch(88.4% 0.034 80.3)
-
Stufe 300
300
#D5BD94
oklch(80.9% 0.061 80.9)
-
Stufe 400
400 (diese Farbe)
#CBA560
oklch(74.2% 0.098 81.2)
-
Stufe 500
500
#B08013
oklch(63.1% 0.126 80.9)
-
Stufe 600
600
#956B00
oklch(55.6% 0.115 81.4)
-
Stufe 700
700
#7E5900
oklch(49% 0.101 80.5)
-
Stufe 800
800
#674900
oklch(42.7% 0.088 81.6)
-
Stufe 900
900
#563C00
oklch(37.6% 0.078 81.1)
-
Stufe 950
950
#332303
oklch(26.9% 0.052 80.9)
Sand Brown 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) | #B5A55A | 0.036 |
| Deuteranopie (keine Grünzapfen) | #BEAE62 | 0.029 |
| Tritanopie (keine Blauzapfen) | #DA9995 | 0.088 |
| Achromatopsie (kein Farbsehen) | #AAAAAA | 0.098 |
Nutze Sand Brown 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.