لون مسمّى · #B08F69
Beast Hide
Beast Hide هو #B08F69: rgb(176 143 105)، hsl(32 31% 55%)، oklch(0.671 0.066 70.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Beast Hide color name →
#B08F69
oklch(0.671 0.066 70.3)
تحويلات الألوان
- HEX
- #b08f69
- RGB
- rgb(176 143 105)
- HSL
- hsl(32 31% 55%)
- HWB
- hwb(32 41% 31%)
- OKLCH
- oklch(0.671 0.066 70.3)
- OKLab
- oklab(0.671 0.022 0.062)
- CIE Lab
- lab(61.83 8.99 25.19)
- LCH
- lch(61.83 26.74 70.4)
- CMYK
- cmyk(0% 19% 40% 31%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B89A78
- C0A586
- C8B095
- D0BBA4
- D7C6B3
- DFD1C2
- E7DDD1
- EFE8E0
- F7F3EF
درجات داكنة
- 997C5A
- 82694C
- 6C573E
- 564531
- 423424
- 2E2418
- 1C150C
- 0B0704
- 010100
درجات رمادية
- AB8E6C
- A68C6E
- A28B71
- 9D8973
- 988876
- 938678
- 8E857A
- 8A837C
- 85827E
تناسق الألوان
متمم +180°
- B08F69
Beast Hide
- 7799BD
≈ Eiger Nordwand
متجاور -30° +30°
- B08F69
Beast Hide
- BA8877
≈ Ludicrous Lemming
- 9F9768
≈ Hiking
ثلاثي +120° +240°
- B08F69
Beast Hide
- 63A39F
≈ Aqua Rapids
- A28BB4
≈ Kismet
متمم منقسم +150° +210°
- B08F69
Beast Hide
- 669FB2
≈ Dolphin Daze
- 8D92BE
≈ Lily of the Nile
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.00:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.97:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--beast-hide: #b08f69;
--beast-hide-rgb: 176 143 105;
--beast-hide-oklch: oklch(0.671 0.066 70.3);
}
.element {
color: var(--beast-hide);
background-color: hsl(32 31% 55%);
border-color: oklch(0.671 0.066 70.3);
}Tailwind CSS v4
@theme {
--color-beast-hide: #b08f69;
--color-beast-hide-50: #fff3e1;
--color-beast-hide-100: #f6e5d1;
--color-beast-hide-200: #e6d0b6;
--color-beast-hide-300: #cdb393;
--color-beast-hide-400: #b89874;
--color-beast-hide-500: #a27f55;
--color-beast-hide-600: #896b48;
--color-beast-hide-700: #6e563a;
--color-beast-hide-800: #523e29;
--color-beast-hide-900: #392b1c;
--color-beast-hide-950: #23180c;
}SCSS
$beast-hide: #b08f69;
$beast-hide-rgb: 176, 143, 105;
$beast-hide-light: mix(#fff, $beast-hide, 20%);
$beast-hide-dark: mix(#000, $beast-hide, 20%);
.element {
color: $beast-hide;
box-shadow: 0 0 0 2px rgba($beast-hide, 0.35);
}