لون مسمّى · #3B2E25
Sambuca
Sambuca هو #3B2E25: rgb(59 46 37)، hsl(25 23% 19%)، oklch(0.313 0.025 56.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sambuca color name →
#3B2E25
oklch(0.313 0.025 56.4)
تحويلات الألوان
- HEX
- #3b2e25
- RGB
- rgb(59 46 37)
- HSL
- hsl(25 23% 19%)
- HWB
- hwb(25 15% 77%)
- OKLCH
- oklch(0.313 0.025 56.4)
- OKLab
- oklab(0.313 0.014 0.02)
- CIE Lab
- lab(20.22 4.96 8.19)
- LCH
- lch(20.22 9.58 58.8)
- CMYK
- cmyk(0% 22% 37% 77%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4C4038
- 5E534B
- 71665F
- 847B74
- 978F8A
- ABA5A0
- C0BBB7
- D4D1CF
- EAE8E7
درجات داكنة
- 32271F
- 291F19
- 211813
- 19120D
- 110B08
- 090604
- 040202
- 010100
- 000000
درجات رمادية
- 42362D
- 483D36
- 4F453F
- 564D47
- 5D5551
- 645E5A
- 6B6663
- 726F6D
- 797776
تناسق الألوان
متمم +180°
- 3B2E25
Sambuca
- 25333C
≈ Blue-Black
متجاور -30° +30°
- 3B2E25
Sambuca
- 3D2C2A
≈ Havana
- 373023
≈ Agrax Earthshade
ثلاثي +120° +240°
- 3B2E25
Sambuca
- 243531
≈ Pitch Green
- 322F3C
≈ Deep Well
متمم منقسم +150° +210°
- 3B2E25
Sambuca
- 223537
≈ Cruel Sea
- 2B313E
≈ Diamond Black
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.09:1 · APCA Lc 99
Ag
Failعلى الأسود
WCAG 1.60:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.09:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sambuca: #3b2e25;
--sambuca-rgb: 59 46 37;
--sambuca-oklch: oklch(0.313 0.025 56.4);
}
.element {
color: var(--sambuca);
background-color: hsl(25 23% 19%);
border-color: oklch(0.313 0.025 56.4);
}Tailwind CSS v4
@theme {
--color-sambuca: #3b2e25;
--color-sambuca-50: #fbf4ee;
--color-sambuca-100: #eee6e0;
--color-sambuca-200: #ddd2ca;
--color-sambuca-300: #c1b5ab;
--color-sambuca-400: #aa9b91;
--color-sambuca-500: #938277;
--color-sambuca-600: #7d6e65;
--color-sambuca-700: #645850;
--color-sambuca-800: #49403a;
--color-sambuca-900: #332c28;
--color-sambuca-950: #1f1916;
}SCSS
$sambuca: #3b2e25;
$sambuca-rgb: 59, 46, 37;
$sambuca-light: mix(#fff, $sambuca, 20%);
$sambuca-dark: mix(#000, $sambuca, 20%);
.element {
color: $sambuca;
box-shadow: 0 0 0 2px rgba($sambuca, 0.35);
}