Benannte Farbe · #584941
Bison Brown
Bison Brown ist #584941: rgb(88 73 65), hsl(21 15% 30%), oklch(0.418 0.024 49.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bison Brown color name →
#584941
oklch(0.418 0.024 49.7)
Farbumrechnungen
- HEX
- #584941
- RGB
- rgb(88 73 65)
- HSL
- hsl(21 15% 30%)
- HWB
- hwb(21 25% 65%)
- OKLCH
- oklch(0.418 0.024 49.7)
- OKLab
- oklab(0.418 0.016 0.019)
- CIE Lab
- lab(32.41 5.5 7.3)
- LCH
- lch(32.41 9.14 53)
- CMYK
- cmyk(0% 17% 26% 65%)
Tints · Shades · Tones
Tints
- 675952
- 776A63
- 877B75
- 978D88
- A89F9B
- B9B2AE
- CAC5C2
- DBD8D6
- EDEBEA
Shades
- 4B3E37
- 3F342E
- 332A25
- 28201C
- 1D1713
- 120E0B
- 090605
- 030201
- 000000
Tones
- 5C4E47
- 60544D
- 645953
- 685E59
- 6C6460
- 706966
- 746F6C
- 787573
- 7C7A79
Farbharmonien
Komplementär +180°
- 584941
Bison Brown
- 3F4F57
≈ Presidential
Analog -30° +30°
- 584941
Bison Brown
- 594847
≈ Wild Boysenberry
- 544B3E
≈ Deep Desert Shadow
Triadisch +120° +240°
- 584941
Bison Brown
- 40514A
≈ Gedney Green
- 4C4B59
≈ Downing Street
Geteilt komplementär +150° +210°
- 584941
Bison Brown
- 3D5152
≈ Thermal
- 454D5A
≈ Secret Society
Tetradisch +90° +180° +270°
- 584941
Bison Brown
- 465043
≈ Charcoal Smoke
- 3F4F57
≈ Presidential
- 534955
≈ Deep Mulberry
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.59:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.44:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.59:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--bison-brown: #584941;
--bison-brown-rgb: 88 73 65;
--bison-brown-oklch: oklch(0.418 0.024 49.7);
}
.element {
color: var(--bison-brown);
background-color: hsl(21 15% 30%);
border-color: oklch(0.418 0.024 49.7);
}Tailwind CSS v4
@theme {
--color-bison-brown: #584941;
--color-bison-brown-50: #fbf3ef;
--color-bison-brown-100: #efe6e1;
--color-bison-brown-200: #ddd2cb;
--color-bison-brown-300: #c2b4ac;
--color-bison-brown-400: #ab9b92;
--color-bison-brown-500: #948278;
--color-bison-brown-600: #7d6e66;
--color-bison-brown-700: #645851;
--color-bison-brown-800: #4a403b;
--color-bison-brown-900: #332c29;
--color-bison-brown-950: #1f1917;
}SCSS
$bison-brown: #584941;
$bison-brown-rgb: 88, 73, 65;
$bison-brown-light: mix(#fff, $bison-brown, 20%);
$bison-brown-dark: mix(#000, $bison-brown, 20%);
.element {
color: $bison-brown;
box-shadow: 0 0 0 2px rgba($bison-brown, 0.35);
}