لون مسمّى · #A9B0B6
Cistern
Cistern هو #A9B0B6: rgb(169 176 182)، hsl(208 8% 69%)، oklch(0.753 0.012 243.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Cistern color name →
#A9B0B6
oklch(0.753 0.012 243.7)
تحويلات الألوان
- HEX
- #a9b0b6
- RGB
- rgb(169 176 182)
- HSL
- hsl(208 8% 69%)
- HWB
- hwb(208 66% 29%)
- OKLCH
- oklch(0.753 0.012 243.7)
- OKLab
- oklab(0.753 -0.005 -0.01)
- CIE Lab
- lab(71.41 -1.66 -3.97)
- LCH
- lch(71.41 4.31 247.3)
- CMYK
- cmyk(7% 3% 0% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B1B8BD
- BABFC4
- C2C7CB
- CBCFD3
- D3D7DA
- DCDFE1
- E5E7E9
- EDEFF0
- F6F7F8
درجات داكنة
- 92999E
- 7C8286
- 676C6F
- 535659
- 3F4244
- 2C2E30
- 1B1C1D
- 0A0B0C
- 010102
درجات رمادية
- A5ABB0
- A1A6AB
- 9DA1A5
- 989CA0
- 94989B
- 909395
- 8C8E90
- 88898B
- 848585
تناسق الألوان
متمم +180°
- A9B0B6
Cistern
- B5AEA8
≈ Rocky Bluffs
متجاور -30° +30°
- A9B0B6
Cistern
- A7B1B3
≈ Mirror Mirror
- ACAFB7
≈ Love-Struck Chinchilla
ثلاثي +120° +240°
- A9B0B6
Cistern
- B6ACAE
≈ Heather Bay
- ADB0A8
≈ Blue Fox
متمم منقسم +150° +210°
- A9B0B6
Cistern
- B6ADAA
≈ Slate Pebble
- B1AFA7
≈ Building Block
رباعي +90° +180° +270°
- A9B0B6
Cistern
- B4ACB2
≈ Gellibrand
- B5AEA8
≈ Rocky Bluffs
- AAB1AC
≈ Artful
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.19:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.57:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.57:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cistern: #a9b0b6;
--cistern-rgb: 169 176 182;
--cistern-oklch: oklch(0.753 0.012 243.7);
}
.element {
color: var(--cistern);
background-color: hsl(208 8% 69%);
border-color: oklch(0.753 0.012 243.7);
}Tailwind CSS v4
@theme {
--color-cistern: #a9b0b6;
--color-cistern-50: #f2f5f8;
--color-cistern-100: #e5e8ec;
--color-cistern-200: #d0d5d9;
--color-cistern-300: #b3b8bd;
--color-cistern-400: #999fa5;
--color-cistern-500: #80878d;
--color-cistern-600: #6c7278;
--color-cistern-700: #575b60;
--color-cistern-800: #3f4346;
--color-cistern-900: #2b2e31;
--color-cistern-950: #191b1d;
}SCSS
$cistern: #a9b0b6;
$cistern-rgb: 169, 176, 182;
$cistern-light: mix(#fff, $cistern, 20%);
$cistern-dark: mix(#000, $cistern, 20%);
.element {
color: $cistern;
box-shadow: 0 0 0 2px rgba($cistern, 0.35);
}