Adlandırılmış renk · #BB9F6A
Buffalo Hide
Buffalo Hide, #BB9F6A: rgb(187 159 106), hsl(39 37% 57%), oklch(0.715 0.078 82.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Buffalo Hide color name →
#BB9F6A
oklch(0.715 0.078 82.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2A879
- C8B288
- CFBB97
- D6C5A5
- DDCEB4
- E4D8C3
- EAE2D2
- F1EBE1
- F8F5F0
Koyu tonlar
- A28A5B
- 8A754D
- 73613F
- 5C4D31
- 463B24
- 322918
- 1F180D
- 0D0904
- 020100
Gri tonlar
- B59C6D
- AF9970
- A99672
- A39375
- 9D9077
- 978D79
- 91897B
- 8C867D
- 86837E
Renk uyumları
Tamamlayıcı +180°
- BB9F6A
Buffalo Hide
- 89A3D4
≈ Wisteria Blue
Analog -30° +30°
- BB9F6A
Buffalo Hide
- CA9676
≈ Sonora Shade
- A3A96F
≈ Spanish Olive
Üçlü +120° +240°
- BB9F6A
Buffalo Hide
- 64B2B8
≈ Aqueduct
- BB93C0
≈ Sheer Lilac
Bölünmüş tamamlayıcı +150° +210°
- BB9F6A
Buffalo Hide
- 70ACCC
≈ Imrik Blue
- A49AD0
≈ Wistful
Dörtlü +90° +180° +270°
- BB9F6A
Buffalo Hide
- 6DB39E
≈ Tropic Turquoise
- 89A3D4
≈ Wisteria Blue
- CA8FA7
≈ Pinch Me
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.53:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.28:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}