لون مسمّى · #6E4F3A
Bison
Bison هو #6E4F3A: rgb(110 79 58)، hsl(24 31% 33%)، oklch(0.455 0.053 55.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Bison color name →
#6E4F3A
oklch(0.455 0.053 55.1)
تحويلات الألوان
- HEX
- #6e4f3a
- RGB
- rgb(110 79 58)
- HSL
- hsl(24 31% 33%)
- HWB
- hwb(24 23% 57%)
- OKLCH
- oklch(0.455 0.053 55.1)
- OKLab
- oklab(0.455 0.03 0.043)
- CIE Lab
- lab(36.61 11.34 17.8)
- LCH
- lch(36.61 21.11 57.5)
- CMYK
- cmyk(0% 28% 47% 57%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7C5F4C
- 8A705E
- 988071
- A69284
- B5A398
- C3B5AC
- D2C7C0
- E1D9D5
- F0ECEA
درجات داكنة
- 5F4431
- 503828
- 412E20
- 332318
- 261910
- 191009
- 0E0704
- 040201
- 010000
درجات رمادية
- 705441
- 725948
- 745E4F
- 766356
- 78675D
- 796C64
- 7B716B
- 7D7672
- 7E7B79
تناسق الألوان
متمم +180°
- 6E4F3A
Bison
- 385C70
≈ Brigade
متجاور -30° +30°
- 6E4F3A
Bison
- 724B48
≈ Rohwurst
- 645534
≈ Uguisu Brown
ثلاثي +120° +240°
- 6E4F3A
Bison
- 356155
≈ Posy Green
- 595171
≈ Exotic Evening
متمم منقسم +150° +210°
- 6E4F3A
Bison
- 2F5F65
≈ Calypso Green
- 485675
≈ Steadfast
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.38:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.84:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bison: #6e4f3a;
--bison-rgb: 110 79 58;
--bison-oklch: oklch(0.455 0.053 55.1);
}
.element {
color: var(--bison);
background-color: hsl(24 31% 33%);
border-color: oklch(0.455 0.053 55.1);
}Tailwind CSS v4
@theme {
--color-bison: #6e4f3a;
--color-bison-50: #fff2e7;
--color-bison-100: #f6e4d7;
--color-bison-200: #e7cfbf;
--color-bison-300: #cdb19e;
--color-bison-400: #b89781;
--color-bison-500: #a27d65;
--color-bison-600: #896a55;
--color-bison-700: #6e5544;
--color-bison-800: #513e31;
--color-bison-900: #392a21;
--color-bison-950: #231811;
}SCSS
$bison: #6e4f3a;
$bison-rgb: 110, 79, 58;
$bison-light: mix(#fff, $bison, 20%);
$bison-dark: mix(#000, $bison, 20%);
.element {
color: $bison;
box-shadow: 0 0 0 2px rgba($bison, 0.35);
}