Copper #B66325
Copper ist eine Farbe im Bereich Braun, mitteldunkel und mäßig gesättigt, mit dem Hex-Code #B66325 und dem RGB-Wert rgb(182, 99, 37).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (4.80:1).
Über diese Farbe
#B66325 ist eine Farbe im Bereich Braun, mitteldunkel und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 59 %, die Chroma bei 0.129 und der Farbwinkel bei 53°. Ihr Farbton liegt auf der warmen Seite des Farbkreises. Es ist die benannte Farbe Copper. Schwarzer Text ist darauf am besten lesbar, mit 4.80:1.
| Farbfamilie | Braun |
| Helligkeit | mitteldunkel (59%) |
| Chroma | mäßig gesättigt (0.129) |
| Temperatur | warm |
| Nächster Name | Copper |
| Schwarzer Text | 4.80:1 |
| Weißer Text | 4.37:1 |
Farben, die zu Copper passen
Passende Farben, gefunden durch Drehen von Copper 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 Copper
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Copper enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Copper am nächsten liegen, mit ihrem ΔE-Abstand.
- Orangey Brown #B16002 ΔE 0.020
- Umber #B26400 ΔE 0.020
- Orange Brown #BE6400 ΔE 0.021
- Brown Orange #B96902 ΔE 0.025
- Tiger's Eye #BC6C25 ΔE 0.026
- Clay Brown #B2713D ΔE 0.033
- Rust Orange #C45508 ΔE 0.035
- Raw Umber #A75E09 ΔE 0.035
Mehr über Copper
So mischst du Copper
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.
- 4 Teile Orange
- 3 Teile Braun
- 1 Teil Rot
Ergebnis des Rezepts: #B66626, eine Abweichung von ΔE 0.006 zu Copper. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Copper in jedem Format
| HEX | #B66325 |
| RGB | rgb(182, 99, 37) |
| HSL | hsl(26, 66%, 43%) |
| OKLCH | oklch(58.6% 0.129 53.1) |
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 #B66325 | 4.37:1 | AA für großen Text | Lc -75.4 | Gut für Fließtext |
| Schwarzer Text auf #B66325 | 4.80:1 | AA | Lc 34.2 | Elemente ohne Text, Platzhaltertext |
| #B66325 als Text auf Weiß | 4.37:1 | AA für großen Text | Lc 69.9 | Inhaltstext, nicht für lange Texte |
| #B66325 als Text auf Schwarz | 4.80:1 | AA | Lc -31.8 | Elemente ohne Text, Platzhaltertext |
Shades und Tints von Copper
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
#FAF4F1
oklch(97.1% 0.008 48.7)
-
Stufe 100
100
#F3E7E0
oklch(93.6% 0.016 52.6)
-
Stufe 200
200
#EBD4C6
oklch(88.5% 0.032 53.5)
-
Stufe 300
300
#E0B79E
oklch(80.9% 0.059 53)
-
Stufe 400
400
#CF9069
oklch(70.7% 0.093 52.4)
-
Stufe 500
500
#C1733E
oklch(63.1% 0.12 52.9)
-
Stufe 600
600 (diese Farbe)
#B66325
oklch(58.6% 0.129 53.1)
-
Stufe 700
700
#944909
oklch(49.1% 0.121 52.6)
-
Stufe 800
800
#783D0E
oklch(42.7% 0.1 53.3)
-
Stufe 900
900
#613415
oklch(37.6% 0.078 52.4)
-
Stufe 950
950
#391F0E
oklch(27% 0.049 52.4)
Copper 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) | #7B6D1C | 0.107 |
| Deuteranopie (keine Grünzapfen) | #8F8024 | 0.097 |
| Tritanopie (keine Blauzapfen) | #C85156 | 0.082 |
| Achromatopsie (kein Farbsehen) | #797979 | 0.130 |
Nutze Copper 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.