Benannte Farbe · #A5ABB6
Dutch Jug
Dutch Jug ist #A5ABB6: rgb(165 171 182), hsl(219 10% 68%), oklch(0.74 0.017 262.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dutch Jug color name →
#A5ABB6
oklch(0.74 0.017 262.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- AEB3BD
- B6BBC4
- BFC4CB
- C8CCD3
- D1D4DA
- DADDE1
- E3E5E9
- ECEEF0
- F6F6F8
Shades
- 8F949E
- 797E86
- 65686F
- 515459
- 3D4044
- 2B2D30
- 1A1B1D
- 0A0B0C
- 010102
Tones
- A1A7B0
- 9DA2AB
- 9A9EA5
- 969AA0
- 92959B
- 8F9195
- 8B8D90
- 87888B
- 848485
Farbharmonien
Komplementär +180°
- A5ABB6
Dutch Jug
- B0AA9F
≈ Cloudy Desert
Analog -30° +30°
- A5ABB6
Dutch Jug
- A1ADB4
≈ Hit Grey
- ABA9B5
≈ Velvet Grey
Triadisch +120° +240°
- A5ABB6
Dutch Jug
- B5A7A6
≈ Centennial Rose
- A5AEA4
≈ Light Drizzle
Geteilt komplementär +150° +210°
- A5ABB6
Dutch Jug
- B4A8A1
≈ Aura
- ABACA0
≈ Escape Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.10:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
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);
}