لون مسمّى · #A5ABB6
Dutch Jug
Dutch Jug هو #A5ABB6: rgb(165 171 182)، hsl(219 10% 68%)، oklch(0.74 0.017 262.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Dutch Jug color name →
#A5ABB6
oklch(0.74 0.017 262.7)
تحويلات الألوان
- HEX
- #a5abb6
- RGB
- rgb(165 171 182)
- HSL
- hsl(219 10% 68%)
- HWB
- hwb(219 65% 29%)
- OKLCH
- oklch(0.74 0.017 262.7)
- OKLab
- oklab(0.74 -0.002 -0.017)
- CIE Lab
- lab(69.75 -0.55 -6.44)
- LCH
- lch(69.75 6.46 265.1)
- CMYK
- cmyk(9% 6% 0% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AEB3BD
- B6BBC4
- BFC4CB
- C8CCD3
- D1D4DA
- DADDE1
- E3E5E9
- ECEEF0
- F6F6F8
درجات داكنة
- 8F949E
- 797E86
- 65686F
- 515459
- 3D4044
- 2B2D30
- 1A1B1D
- 0A0B0C
- 010102
درجات رمادية
- A1A7B0
- 9DA2AB
- 9A9EA5
- 969AA0
- 92959B
- 8F9195
- 8B8D90
- 87888B
- 848485
تناسق الألوان
متمم +180°
- A5ABB6
Dutch Jug
- B0AA9F
≈ Cloudy Desert
متجاور -30° +30°
- A5ABB6
Dutch Jug
- A1ADB4
≈ Hit Grey
- ABA9B5
≈ Velvet Grey
ثلاثي +120° +240°
- A5ABB6
Dutch Jug
- B5A7A6
≈ Centennial Rose
- A5AEA4
≈ Light Drizzle
متمم منقسم +150° +210°
- A5ABB6
Dutch Jug
- B4A8A1
≈ Aura
- ABACA0
≈ Escape Grey
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.30:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.10:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--dutch-jug: #a5abb6;
--dutch-jug-rgb: 165 171 182;
--dutch-jug-oklch: oklch(0.74 0.017 262.7);
}
.element {
color: var(--dutch-jug);
background-color: hsl(219 10% 68%);
border-color: oklch(0.74 0.017 262.7);
}Tailwind CSS v4
@theme {
--color-dutch-jug: #a5abb6;
--color-dutch-jug-50: #f3f5fa;
--color-dutch-jug-100: #e5e8ee;
--color-dutch-jug-200: #d0d4dc;
--color-dutch-jug-300: #b3b7c0;
--color-dutch-jug-400: #999fa9;
--color-dutch-jug-500: #808692;
--color-dutch-jug-600: #6c727b;
--color-dutch-jug-700: #575b63;
--color-dutch-jug-800: #3f4348;
--color-dutch-jug-900: #2b2e32;
--color-dutch-jug-950: #191b1e;
}SCSS
$dutch-jug: #a5abb6;
$dutch-jug-rgb: 165, 171, 182;
$dutch-jug-light: mix(#fff, $dutch-jug, 20%);
$dutch-jug-dark: mix(#000, $dutch-jug, 20%);
.element {
color: $dutch-jug;
box-shadow: 0 0 0 2px rgba($dutch-jug, 0.35);
}