لون مسمّى · #2A2922
Maire
Maire هو #2A2922: rgb(42 41 34)، hsl(53 11% 15%)، oklch(0.28 0.013 100.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Maire color name →
#2A2922
oklch(0.28 0.013 100.5)
تحويلات الألوان
- HEX
- #2a2922
- RGB
- rgb(42 41 34)
- HSL
- hsl(53 11% 15%)
- HWB
- hwb(53 13% 84%)
- OKLCH
- oklch(0.28 0.013 100.5)
- OKLab
- oklab(0.28 -0.002 0.012)
- CIE Lab
- lab(16.51 -0.68 4.79)
- LCH
- lch(16.51 4.84 98)
- CMYK
- cmyk(0% 2% 19% 84%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3C3B35
- 4F4E48
- 63625D
- 777772
- 8D8C88
- A3A29F
- B9B9B6
- D0D0CE
- E7E7E6
درجات داكنة
- 23221C
- 1C1C16
- 161511
- 100F0B
- 0A0907
- 050503
- 020201
- 010100
- 000000
درجات رمادية
- 32312A
- 3A3933
- 42413C
- 4A4A45
- 53534F
- 5C5B58
- 656462
- 6E6D6C
- 777776
تناسق الألوان
متمم +180°
- 2A2922
Maire
- 27282F
≈ Anthracite
متجاور -30° +30°
- 2A2922
Maire
- 2D2822
≈ Maire
- 272A24
≈ Maire
ثلاثي +120° +240°
- 2A2922
Maire
- 222A2D
≈ Cinder
- 2D262B
≈ Black Onyx
متمم منقسم +150° +210°
- 2A2922
Maire
- 24292F
≈ Cinder
- 2B272D
≈ Black Onyx
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 14.59:1 · APCA Lc 101
Ag
Failعلى الأسود
WCAG 1.43:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 14.59:1 (AAA) · APCA Lc 101
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--maire: #2a2922;
--maire-rgb: 42 41 34;
--maire-oklch: oklch(0.28 0.013 100.5);
}
.element {
color: var(--maire);
background-color: hsl(53 11% 15%);
border-color: oklch(0.28 0.013 100.5);
}Tailwind CSS v4
@theme {
--color-maire: #2a2922;
--color-maire-50: #f6f5f1;
--color-maire-100: #e8e8e3;
--color-maire-200: #d5d4ce;
--color-maire-300: #b8b8b1;
--color-maire-400: #a09f96;
--color-maire-500: #88867d;
--color-maire-600: #73726a;
--color-maire-700: #5c5b55;
--color-maire-800: #43423e;
--color-maire-900: #2e2e2a;
--color-maire-950: #1b1b18;
}SCSS
$maire: #2a2922;
$maire-rgb: 42, 41, 34;
$maire-light: mix(#fff, $maire, 20%);
$maire-dark: mix(#000, $maire, 20%);
.element {
color: $maire;
box-shadow: 0 0 0 2px rgba($maire, 0.35);
}