أقرب لون مسمّى · #2B2811
#2B2811
أقرب لون مسمّى: Graphite
#2B2811 (rgb(43 40 17)، hsl(53 43% 12%)، oklch(0.274 0.038 101.9)) أقرب إلى اللون المسمّى Graphite. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#2B2811
oklch(0.274 0.038 101.9)
تحويلات الألوان
- HEX
- #2b2811
- RGB
- rgb(43 40 17)
- HSL
- hsl(53 43% 12%)
- HWB
- hwb(53 7% 83%)
- OKLCH
- oklch(0.274 0.038 101.9)
- OKLab
- oklab(0.274 -0.008 0.037)
- CIE Lab
- lab(15.97 -1.54 15.45)
- LCH
- lch(15.97 15.53 95.7)
- CMYK
- cmyk(0% 7% 60% 83%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3D3A25
- 504E3B
- 646250
- 787667
- 8D8C7F
- A3A297
- B9B8B0
- D0CFCA
- E7E7E4
درجات داكنة
- 24210D
- 1D1B09
- 161506
- 100F04
- 0A0902
- 050401
- 020200
- 010100
- 000000
درجات رمادية
- 33301C
- 3B3826
- 434131
- 4B493B
- 545246
- 5C5B51
- 65645D
- 6E6D68
- 777774
تناسق الألوان
متمم +180°
- 2B2811
Graphite
- 24253A
≈ Midnight Express
متجاور -30° +30°
- 2B2811
Graphite
- 332411
≈ Black Slug
- 202B18
≈ Kuro Green
ثلاثي +120° +240°
- 2B2811
Graphite
- 0F2B35
≈ Black Chasm
- 34202D
≈ Anubis Black
متمم منقسم +150° +210°
- 2B2811
Graphite
- 192839
≈ Abyssal Anchorfish Blue
- 2E2235
≈ Bleached Cedar
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 14.84:1 · APCA Lc 102
Ag
Failعلى الأسود
WCAG 1.41:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 14.84:1 (AAA) · APCA Lc 102
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--graphite: #2b2811;
--graphite-rgb: 43 40 17;
--graphite-oklch: oklch(0.274 0.038 101.9);
}
.element {
color: var(--graphite);
background-color: hsl(53 43% 12%);
border-color: oklch(0.274 0.038 101.9);
}Tailwind CSS v4
@theme {
--color-graphite: #2b2811;
--color-graphite-50: #f7f6ea;
--color-graphite-100: #eae9db;
--color-graphite-200: #d6d5c3;
--color-graphite-300: #bab9a3;
--color-graphite-400: #a3a086;
--color-graphite-500: #8b876b;
--color-graphite-600: #75735b;
--color-graphite-700: #5e5c48;
--color-graphite-800: #454334;
--color-graphite-900: #302e23;
--color-graphite-950: #1c1b12;
}SCSS
$graphite: #2b2811;
$graphite-rgb: 43, 40, 17;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}