لون مسمّى · #A2A59E
Barrister Grey
Barrister Grey هو #A2A59E: rgb(162 165 158)، hsl(86 4% 63%)، oklch(0.717 0.011 125.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Barrister Grey color name →
#A2A59E
oklch(0.717 0.011 125.7)
تحويلات الألوان
- HEX
- #a2a59e
- RGB
- rgb(162 165 158)
- HSL
- hsl(86 4% 63%)
- HWB
- hwb(86 62% 35%)
- OKLCH
- oklch(0.717 0.011 125.7)
- OKLab
- oklab(0.717 -0.006 0.009)
- CIE Lab
- lab(67.34 -2.09 3.25)
- LCH
- lch(67.34 3.86 122.8)
- CMYK
- cmyk(2% 0% 4% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- ABAEA7
- B4B6B1
- BDBFBA
- C6C8C4
- D0D1CD
- D9DAD7
- E2E3E1
- ECECEB
- F5F6F5
درجات داكنة
- 8C8F89
- 777974
- 636560
- 4F514D
- 3C3D3A
- 2A2B29
- 191A18
- 0A0A09
- 010101
درجات رمادية
- 9FA19B
- 9B9D98
- 989A95
- 949692
- 91928F
- 8D8F8C
- 8A8B89
- 878786
- 838483
تناسق الألوان
متمم +180°
- A2A59E
Barrister Grey
- A5A2A9
≈ Mysterious Mauve
متجاور -30° +30°
- A2A59E
Barrister Grey
- A6A49D
≈ Ashlite
- 9FA6A1
≈ Puddle
ثلاثي +120° +240°
- A2A59E
Barrister Grey
- 9FA5AA
≈ Baby Seal
- AAA1A3
≈ Beijing Moon
متمم منقسم +150° +210°
- A2A59E
Barrister Grey
- A2A3AB
≈ Masterpiece
- A8A1A6
≈ Mysterious Mauve
رباعي +90° +180° +270°
- A2A59E
Barrister Grey
- 9DA6A8
≈ Network Grey
- A5A2A9
≈ Mysterious Mauve
- AAA29F
≈ Pewter Grey
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.49:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.41:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--barrister-grey: #a2a59e;
--barrister-grey-rgb: 162 165 158;
--barrister-grey-oklch: oklch(0.717 0.011 125.7);
}
.element {
color: var(--barrister-grey);
background-color: hsl(86 4% 63%);
border-color: oklch(0.717 0.011 125.7);
}Tailwind CSS v4
@theme {
--color-barrister-grey: #a2a59e;
--color-barrister-grey-50: #f4f6f2;
--color-barrister-grey-100: #e7e8e5;
--color-barrister-grey-200: #d3d5d0;
--color-barrister-grey-300: #b6b8b3;
--color-barrister-grey-400: #9da099;
--color-barrister-grey-500: #848780;
--color-barrister-grey-600: #70736c;
--color-barrister-grey-700: #5a5c57;
--color-barrister-grey-800: #41433f;
--color-barrister-grey-900: #2d2e2b;
--color-barrister-grey-950: #1a1b19;
}SCSS
$barrister-grey: #a2a59e;
$barrister-grey-rgb: 162, 165, 158;
$barrister-grey-light: mix(#fff, $barrister-grey, 20%);
$barrister-grey-dark: mix(#000, $barrister-grey, 20%);
.element {
color: $barrister-grey;
box-shadow: 0 0 0 2px rgba($barrister-grey, 0.35);
}