Benannte Farbe · #985629
Ethiopian Wolf
Ethiopian Wolf ist #985629: rgb(152 86 41), hsl(24 58% 38%), oklch(0.522 0.105 52.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Ethiopian Wolf color name →
#985629
oklch(0.522 0.105 52.4)
Farbumrechnungen
- HEX
- #985629
- RGB
- rgb(152 86 41)
- HSL
- hsl(24 58% 38%)
- HWB
- hwb(24 16% 40%)
- OKLCH
- oklch(0.522 0.105 52.4)
- OKLab
- oklab(0.522 0.064 0.084)
- CIE Lab
- lab(43.93 25.25 37.64)
- LCH
- lch(43.93 45.33 56.1)
- CMYK
- cmyk(0% 43% 73% 40%)
Tints · Shades · Tones
Tints
- A36640
- AE7755
- B88769
- C3987E
- CDA993
- D7BAA8
- E2CBBD
- EBDCD3
- F5EDE9
Shades
- 844A22
- 703E1C
- 5C3215
- 4A270F
- 381C09
- 271205
- 170802
- 080201
- 010000
Tones
- 965B34
- 945F3E
- 926447
- 906850
- 8E6C58
- 8C7060
- 897468
- 867870
- 837C78
Farbharmonien
Komplementär +180°
- 985629
Ethiopian Wolf
- 06739C
≈ Tofino Belue
Analog -30° +30°
- 985629
Ethiopian Wolf
- 9D4E4D
≈ Sweet Cherry
- 876206
≈ Rat Brown
Triadisch +120° +240°
- 985629
Ethiopian Wolf
- 007C63
≈ Turquoise Cyan
- 6C5DA1
≈ Giant Onion
Geteilt komplementär +150° +210°
- 985629
Ethiopian Wolf
- 007880
≈ Hypnotic Sea
- 4868A6
≈ Indigo Batik
Tetradisch +90° +180° +270°
- 985629
Ethiopian Wolf
- 42783E
≈ Cucumber Queen
- 06739C
≈ Tofino Belue
- 86538D
≈ Cosmic Berry
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.67:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--ethiopian-wolf: #985629;
--ethiopian-wolf-rgb: 152 86 41;
--ethiopian-wolf-oklch: oklch(0.522 0.105 52.4);
}
.element {
color: var(--ethiopian-wolf);
background-color: hsl(24 58% 38%);
border-color: oklch(0.522 0.105 52.4);
}Tailwind CSS v4
@theme {
--color-ethiopian-wolf: #985629;
--color-ethiopian-wolf-50: #ffeed9;
--color-ethiopian-wolf-100: #ffdfc7;
--color-ethiopian-wolf-200: #f9c9aa;
--color-ethiopian-wolf-300: #e2a984;
--color-ethiopian-wolf-400: #d08c62;
--color-ethiopian-wolf-500: #bc703e;
--color-ethiopian-wolf-600: #9f6036;
--color-ethiopian-wolf-700: #804c2b;
--color-ethiopian-wolf-800: #5f371f;
--color-ethiopian-wolf-900: #432514;
--color-ethiopian-wolf-950: #2b1406;
}SCSS
$ethiopian-wolf: #985629;
$ethiopian-wolf-rgb: 152, 86, 41;
$ethiopian-wolf-light: mix(#fff, $ethiopian-wolf, 20%);
$ethiopian-wolf-dark: mix(#000, $ethiopian-wolf, 20%);
.element {
color: $ethiopian-wolf;
box-shadow: 0 0 0 2px rgba($ethiopian-wolf, 0.35);
}