Nazwany kolor · #BB9F6A
Buffalo Hide
Buffalo Hide to #BB9F6A: rgb(187 159 106), hsl(39 37% 57%), oklch(0.715 0.078 82.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Buffalo Hide color name →
#BB9F6A
oklch(0.715 0.078 82.8)
Konwersje koloru
- HEX
- #bb9f6a
- RGB
- rgb(187 159 106)
- HSL
- hsl(39 37% 57%)
- HWB
- hwb(39 42% 27%)
- OKLCH
- oklch(0.715 0.078 82.8)
- OKLab
- oklab(0.715 0.01 0.077)
- CIE Lab
- lab(67.12 5.35 31.66)
- LCH
- lch(67.12 32.11 80.4)
- CMYK
- cmyk(0% 15% 43% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2A879
- C8B288
- CFBB97
- D6C5A5
- DDCEB4
- E4D8C3
- EAE2D2
- F1EBE1
- F8F5F0
Odcienie ciemniejsze
- A28A5B
- 8A754D
- 73613F
- 5C4D31
- 463B24
- 322918
- 1F180D
- 0D0904
- 020100
Tony
- B59C6D
- AF9970
- A99672
- A39375
- 9D9077
- 978D79
- 91897B
- 8C867D
- 86837E
Harmonie kolorów
Komplementarna +180°
- BB9F6A
Buffalo Hide
- 89A3D4
≈ Wisteria Blue
Analogowa -30° +30°
- BB9F6A
Buffalo Hide
- CA9676
≈ Sonora Shade
- A3A96F
≈ Spanish Olive
Triada +120° +240°
- BB9F6A
Buffalo Hide
- 64B2B8
≈ Aqueduct
- BB93C0
≈ Sheer Lilac
Komplementarna rozszczepiona +150° +210°
- BB9F6A
Buffalo Hide
- 70ACCC
≈ Imrik Blue
- A49AD0
≈ Wistful
Tetrada +90° +180° +270°
- BB9F6A
Buffalo Hide
- 6DB39E
≈ Tropic Turquoise
- 89A3D4
≈ Wisteria Blue
- CA8FA7
≈ Pinch Me
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.28:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--buffalo-hide: #bb9f6a;
--buffalo-hide-rgb: 187 159 106;
--buffalo-hide-oklch: oklch(0.715 0.078 82.8);
}
.element {
color: var(--buffalo-hide);
background-color: hsl(39 37% 57%);
border-color: oklch(0.715 0.078 82.8);
}Tailwind CSS v4
@theme {
--color-buffalo-hide: #bb9f6a;
--color-buffalo-hide-50: #fff4dd;
--color-buffalo-hide-100: #f4e6cb;
--color-buffalo-hide-200: #e4d2af;
--color-buffalo-hide-300: #cab58a;
--color-buffalo-hide-400: #b59b69;
--color-buffalo-hide-500: #9f8147;
--color-buffalo-hide-600: #876e3d;
--color-buffalo-hide-700: #6c5830;
--color-buffalo-hide-800: #503f22;
--color-buffalo-hide-900: #382c16;
--color-buffalo-hide-950: #221907;
}SCSS
$buffalo-hide: #bb9f6a;
$buffalo-hide-rgb: 187, 159, 106;
$buffalo-hide-light: mix(#fff, $buffalo-hide, 20%);
$buffalo-hide-dark: mix(#000, $buffalo-hide, 20%);
.element {
color: $buffalo-hide;
box-shadow: 0 0 0 2px rgba($buffalo-hide, 0.35);
}