لون مسمّى · #863B2C
Grill Master
Grill Master هو #863B2C: rgb(134 59 44)، hsl(10 51% 35%)، oklch(0.449 0.107 32.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Grill Master color name →
#863B2C
oklch(0.449 0.107 32.9)
تحويلات الألوان
- HEX
- #863b2c
- RGB
- rgb(134 59 44)
- HSL
- hsl(10 51% 35%)
- HWB
- hwb(10 17% 47%)
- OKLCH
- oklch(0.449 0.107 32.9)
- OKLab
- oklab(0.449 0.09 0.058)
- CIE Lab
- lab(35.19 32.01 25.45)
- LCH
- lch(35.19 40.9 38.5)
- CMYK
- cmyk(0% 56% 67% 47%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 934E40
- A06154
- AD7468
- B9877C
- C59A91
- D1AEA6
- DDC2BC
- E8D6D2
- F4EAE8
درجات داكنة
- 743225
- 62291E
- 512117
- 401911
- 30110A
- 210905
- 130402
- 060101
- 010000
درجات رمادية
- 864335
- 874A3D
- 875146
- 87584E
- 865F56
- 86665F
- 856C67
- 83736F
- 827A78
تناسق الألوان
متمم +180°
- 863B2C
Grill Master
- 00606F
≈ Cool Dive
متجاور -30° +30°
- 863B2C
Grill Master
- 84384F
≈ Camelot
- 7C4600
≈ Dusky Brown
ثلاثي +120° +240°
- 863B2C
Grill Master
- 146537
≈ Bucolic
- 424F90
≈ Merlin’s Robe
متمم منقسم +150° +210°
- 863B2C
Grill Master
- 006359
≈ Dancing Peacock
- 045A8B
≈ Buccaneer Blue
رباعي +90° +180° +270°
- 863B2C
Grill Master
- 4A5E07
≈ Kyuri Green
- 00606F
≈ Cool Dive
- 614485
≈ Lords of the Night
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.84:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.67:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grill-master: #863b2c;
--grill-master-rgb: 134 59 44;
--grill-master-oklch: oklch(0.449 0.107 32.9);
}
.element {
color: var(--grill-master);
background-color: hsl(10 51% 35%);
border-color: oklch(0.449 0.107 32.9);
}Tailwind CSS v4
@theme {
--color-grill-master: #863b2c;
--color-grill-master-50: #ffebe1;
--color-grill-master-100: #ffdcd0;
--color-grill-master-200: #fec5b6;
--color-grill-master-300: #e8a493;
--color-grill-master-400: #d68775;
--color-grill-master-500: #c26957;
--color-grill-master-600: #a45a4a;
--color-grill-master-700: #84483b;
--color-grill-master-800: #62332b;
--color-grill-master-900: #45231d;
--color-grill-master-950: #2c120d;
}SCSS
$grill-master: #863b2c;
$grill-master-rgb: 134, 59, 44;
$grill-master-light: mix(#fff, $grill-master, 20%);
$grill-master-dark: mix(#000, $grill-master, 20%);
.element {
color: $grill-master;
box-shadow: 0 0 0 2px rgba($grill-master, 0.35);
}