لون مسمّى · #725440
Moose Fur
Moose Fur هو #725440: rgb(114 84 64)، hsl(24 28% 35%)، oklch(0.472 0.05 54.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Moose Fur color name →
#725440
oklch(0.472 0.05 54.8)
تحويلات الألوان
- HEX
- #725440
- RGB
- rgb(114 84 64)
- HSL
- hsl(24 28% 35%)
- HWB
- hwb(24 25% 55%)
- OKLCH
- oklch(0.472 0.05 54.8)
- OKLab
- oklab(0.472 0.029 0.041)
- CIE Lab
- lab(38.57 10.8 16.83)
- LCH
- lch(38.57 19.99 57.3)
- CMYK
- cmyk(0% 26% 44% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 806451
- 8D7463
- 9B8475
- A99588
- B7A69B
- C5B7AE
- D3C9C2
- E2DBD6
- F0EDEA
درجات داكنة
- 624836
- 533C2D
- 443124
- 36261B
- 281B13
- 1B110B
- 0E0805
- 040201
- 010000
درجات رمادية
- 745846
- 755D4D
- 776153
- 78665A
- 7A6A60
- 7B6E66
- 7C736D
- 7E7773
- 7F7C7A
تناسق الألوان
متمم +180°
- 725440
Moose Fur
- 3E6074
≈ The Fang Grey
متجاور -30° +30°
- 725440
Moose Fur
- 75504D
≈ Veil of Cinder
- 69593A
≈ Gun Corps Brown
ثلاثي +120° +240°
- 725440
Moose Fur
- 3B655A
≈ Forest Greenery
- 5D5675
≈ Taylor
متمم منقسم +150° +210°
- 725440
Moose Fur
- 366469
≈ China Green Blue
- 4D5B78
≈ Blue Review
رباعي +90° +180° +270°
- 725440
Moose Fur
- 4A634A
≈ Vizcaya Palm
- 3E6074
≈ The Fang Grey
- 6A526B
≈ Vintner
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.86:1 · APCA Lc 84
Ag
Failعلى الأسود
WCAG 3.05:1 · APCA Lc 18
أفضل لون للنص: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--moose-fur: #725440;
--moose-fur-rgb: 114 84 64;
--moose-fur-oklch: oklch(0.472 0.05 54.8);
}
.element {
color: var(--moose-fur);
background-color: hsl(24 28% 35%);
border-color: oklch(0.472 0.05 54.8);
}Tailwind CSS v4
@theme {
--color-moose-fur: #725440;
--color-moose-fur-50: #fff2e8;
--color-moose-fur-100: #f6e4d8;
--color-moose-fur-200: #e6cfc0;
--color-moose-fur-300: #ccb19f;
--color-moose-fur-400: #b79782;
--color-moose-fur-500: #a17e66;
--color-moose-fur-600: #886a57;
--color-moose-fur-700: #6d5545;
--color-moose-fur-800: #513e32;
--color-moose-fur-900: #382a22;
--color-moose-fur-950: #231811;
}SCSS
$moose-fur: #725440;
$moose-fur-rgb: 114, 84, 64;
$moose-fur-light: mix(#fff, $moose-fur, 20%);
$moose-fur-dark: mix(#000, $moose-fur, 20%);
.element {
color: $moose-fur;
box-shadow: 0 0 0 2px rgba($moose-fur, 0.35);
}