Nazwany kolor · #B5AC94
Bison Hide
Bison Hide to #B5AC94: rgb(181 172 148), hsl(44 18% 65%), oklch(0.745 0.035 89.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bison Hide color name →
#B5AC94
oklch(0.745 0.035 89.9)
Konwersje koloru
- HEX
- #b5ac94
- RGB
- rgb(181 172 148)
- HSL
- hsl(44 18% 65%)
- HWB
- hwb(44 58% 29%)
- OKLCH
- oklch(0.745 0.035 89.9)
- OKLab
- oklab(0.745 0 0.035)
- CIE Lab
- lab(70.63 0.35 13.62)
- LCH
- lch(70.63 13.63 88.5)
- CMYK
- cmyk(0% 5% 18% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCB49E
- C3BCA9
- CBC4B3
- D2CDBE
- D9D5C8
- E1DDD3
- E8E6DE
- F0EEE9
- F7F6F4
Odcienie ciemniejsze
- 9D9580
- 867F6D
- 6F695A
- 595448
- 444036
- 302D26
- 1D1B16
- 0C0B08
- 020101
Tony
- B0A892
- AAA390
- A59F8E
- 9F9A8C
- 9A968A
- 959188
- 908D86
- 8A8984
- 858482
Harmonie kolorów
Komplementarna +180°
- B5AC94
Bison Hide
- A4ACC3
≈ Foxflower Viola
Analogowa -30° +30°
- B5AC94
Bison Hide
- BEA897
≈ Snug as a Bug
- A9B098
≈ Ending Spring
Triada +120° +240°
- B5AC94
Bison Hide
- 94B3B9
≈ Mohair Soft Blue Grey
- BAA5B7
≈ Pansy Posy
Komplementarna rozszczepiona +150° +210°
- B5AC94
Bison Hide
- 99B0C1
≈ Cloudless Day
- AFA8C0
≈ Winter Amethyst
Tetrada +90° +180° +270°
- B5AC94
Bison Hide
- 96B4AD
≈ Lake Forest
- A4ACC3
≈ Foxflower Viola
- C0A4AB
≈ Cold Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.29:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--bison-hide: #b5ac94;
--bison-hide-rgb: 181 172 148;
--bison-hide-oklch: oklch(0.745 0.035 89.9);
}
.element {
color: var(--bison-hide);
background-color: hsl(44 18% 65%);
border-color: oklch(0.745 0.035 89.9);
}Tailwind CSS v4
@theme {
--color-bison-hide: #b5ac94;
--color-bison-hide-50: #f9f5ea;
--color-bison-hide-100: #ece8db;
--color-bison-hide-200: #d9d4c4;
--color-bison-hide-300: #beb7a4;
--color-bison-hide-400: #a69e87;
--color-bison-hide-500: #8f866c;
--color-bison-hide-600: #79715c;
--color-bison-hide-700: #615a49;
--color-bison-hide-800: #474235;
--color-bison-hide-900: #312d24;
--color-bison-hide-950: #1d1a13;
}SCSS
$bison-hide: #b5ac94;
$bison-hide-rgb: 181, 172, 148;
$bison-hide-light: mix(#fff, $bison-hide, 20%);
$bison-hide-dark: mix(#000, $bison-hide, 20%);
.element {
color: $bison-hide;
box-shadow: 0 0 0 2px rgba($bison-hide, 0.35);
}