Colore con nome · #705046
Buffalo Herd
Buffalo Herd è #705046: rgb(112 80 70), hsl(14 23% 36%), oklch(0.463 0.046 38.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Buffalo Herd color name →
#705046
oklch(0.463 0.046 38.1)
Conversioni di colore
- HEX
- #705046
- RGB
- rgb(112 80 70)
- HSL
- hsl(14 23% 36%)
- HWB
- hwb(14 27% 56%)
- OKLCH
- oklch(0.463 0.046 38.1)
- OKLab
- oklab(0.463 0.036 0.029)
- CIE Lab
- lab(37.35 12.77 11.49)
- LCH
- lch(37.35 17.18 42)
- CMYK
- cmyk(0% 29% 37% 56%)
Tinte · Ombre · Toni
Tinte
- 7E6057
- 8C7068
- 9A8179
- A8928B
- B6A49E
- C4B5B1
- D3C7C4
- E1DAD7
- F0ECEB
Ombre
- 60443C
- 513932
- 432E28
- 35241E
- 271A15
- 1A100D
- 0E0705
- 040202
- 010000
Toni
- 72554C
- 745A51
- 755E57
- 77635D
- 796863
- 7A6D68
- 7C716E
- 7D7674
- 7F7B7A
Armonie di colore
Complementare +180°
- 705046
Buffalo Herd
- 3A5F6A
≈ Freedom
Analogo -30° +30°
- 705046
Buffalo Herd
- 704E54
≈ Night Romance
- 6A543D
≈ Burley Wood
Triadico +120° +240°
- 705046
Buffalo Herd
- 42614F
≈ Tropical Foliage
- 525773
≈ Nightshade Purple
Complementare divisa +150° +210°
- 705046
Buffalo Herd
- 39615E
≈ Emerson
- 445B72
≈ Infinite Deep Sea
Tetradico +90° +180° +270°
- 705046
Buffalo Herd
- 515E42
≈ Bavarian
- 3A5F6A
≈ Freedom
- 60526D
≈ Blackberry Farm
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.17:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.92:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.17:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--buffalo-herd: #705046;
--buffalo-herd-rgb: 112 80 70;
--buffalo-herd-oklch: oklch(0.463 0.046 38.1);
}
.element {
color: var(--buffalo-herd);
background-color: hsl(14 23% 36%);
border-color: oklch(0.463 0.046 38.1);
}Tailwind CSS v4
@theme {
--color-buffalo-herd: #705046;
--color-buffalo-herd-50: #fff1eb;
--color-buffalo-herd-100: #f7e3dc;
--color-buffalo-herd-200: #e7cec6;
--color-buffalo-herd-300: #cdb0a6;
--color-buffalo-herd-400: #b8968b;
--color-buffalo-herd-500: #a27c70;
--color-buffalo-herd-600: #89695f;
--color-buffalo-herd-700: #6e544c;
--color-buffalo-herd-800: #513d37;
--color-buffalo-herd-900: #382a26;
--color-buffalo-herd-950: #231714;
}SCSS
$buffalo-herd: #705046;
$buffalo-herd-rgb: 112, 80, 70;
$buffalo-herd-light: mix(#fff, $buffalo-herd, 20%);
$buffalo-herd-dark: mix(#000, $buffalo-herd, 20%);
.element {
color: $buffalo-herd;
box-shadow: 0 0 0 2px rgba($buffalo-herd, 0.35);
}