لون مسمّى · #883636
Tuskgor Fur
Tuskgor Fur هو #883636: rgb(136 54 54)، hsl(0 43% 37%)، oklch(0.447 0.113 22.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Tuskgor Fur color name →
#883636
oklch(0.447 0.113 22.8)
تحويلات الألوان
- HEX
- #883636
- RGB
- rgb(136 54 54)
- HSL
- hsl(0 43% 37%)
- HWB
- hwb(0 21% 47%)
- OKLCH
- oklch(0.447 0.113 22.8)
- OKLab
- oklab(0.447 0.104 0.044)
- CIE Lab
- lab(34.69 35.78 18.76)
- LCH
- lch(34.69 40.4 27.7)
- CMYK
- cmyk(0% 60% 60% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 954A48
- A25D5B
- AF716E
- BB8581
- C79895
- D3ACAA
- DEC1BE
- E9D5D4
- F4EAE9
درجات داكنة
- 752E2E
- 632525
- 521E1E
- 411616
- 310F0F
- 220808
- 130303
- 060101
- 010000
درجات رمادية
- 883F3D
- 894745
- 894E4C
- 885653
- 885D5B
- 876462
- 866B6A
- 847271
- 827978
تناسق الألوان
متمم +180°
- 883636
Tuskgor Fur
- 006067
≈ Turkish Aqua
متجاور -30° +30°
- 883636
Tuskgor Fur
- 82365A
≈ Alfonso Olive
- 833F02
≈ Gryphonne Sepia Wash
ثلاثي +120° +240°
- 883636
Tuskgor Fur
- 286426
≈ Swampland
- 315292
≈ Chinese Blue
متمم منقسم +150° +210°
- 883636
Tuskgor Fur
- 006350
≈ Piney Lake
- 005C7F
≈ Job’s Tears
رباعي +90° +180° +270°
- 883636
Tuskgor Fur
- 555900
≈ Greensboro
- 006067
≈ Turkish Aqua
- 58468D
≈ Harvest Night
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.99:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.62:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tuskgor-fur: #883636;
--tuskgor-fur-rgb: 136 54 54;
--tuskgor-fur-oklch: oklch(0.447 0.113 22.8);
}
.element {
color: var(--tuskgor-fur);
background-color: hsl(0 43% 37%);
border-color: oklch(0.447 0.113 22.8);
}Tailwind CSS v4
@theme {
--color-tuskgor-fur: #883636;
--color-tuskgor-fur-50: #ffe9e5;
--color-tuskgor-fur-100: #ffdad5;
--color-tuskgor-fur-200: #ffc2bc;
--color-tuskgor-fur-300: #eca19a;
--color-tuskgor-fur-400: #d9837f;
--color-tuskgor-fur-500: #c66563;
--color-tuskgor-fur-600: #a75654;
--color-tuskgor-fur-700: #864543;
--color-tuskgor-fur-800: #643131;
--color-tuskgor-fur-900: #462121;
--color-tuskgor-fur-950: #2d1011;
}SCSS
$tuskgor-fur: #883636;
$tuskgor-fur-rgb: 136, 54, 54;
$tuskgor-fur-light: mix(#fff, $tuskgor-fur, 20%);
$tuskgor-fur-dark: mix(#000, $tuskgor-fur, 20%);
.element {
color: $tuskgor-fur;
box-shadow: 0 0 0 2px rgba($tuskgor-fur, 0.35);
}