Colore con nome · #A5ABB6
Dutch Jug
Dutch Jug è #A5ABB6: rgb(165 171 182), hsl(219 10% 68%), oklch(0.74 0.017 262.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dutch Jug color name →
#A5ABB6
oklch(0.74 0.017 262.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AEB3BD
- B6BBC4
- BFC4CB
- C8CCD3
- D1D4DA
- DADDE1
- E3E5E9
- ECEEF0
- F6F6F8
Ombre
- 8F949E
- 797E86
- 65686F
- 515459
- 3D4044
- 2B2D30
- 1A1B1D
- 0A0B0C
- 010102
Toni
- A1A7B0
- 9DA2AB
- 9A9EA5
- 969AA0
- 92959B
- 8F9195
- 8B8D90
- 87888B
- 848485
Armonie di colore
Complementare +180°
- A5ABB6
Dutch Jug
- B0AA9F
≈ Cloudy Desert
Analogo -30° +30°
- A5ABB6
Dutch Jug
- A1ADB4
≈ Hit Grey
- ABA9B5
≈ Velvet Grey
Triadico +120° +240°
- A5ABB6
Dutch Jug
- B5A7A6
≈ Centennial Rose
- A5AEA4
≈ Light Drizzle
Complementare divisa +150° +210°
- A5ABB6
Dutch Jug
- B4A8A1
≈ Aura
- ABACA0
≈ Escape Grey
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.10:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
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);
}