Benannte Farbe · #ADB6BD
Elliott Bay
Elliott Bay ist #ADB6BD: rgb(173 182 189), hsl(206 11% 71%), oklch(0.771 0.014 241). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Elliott Bay color name →
#ADB6BD
oklch(0.771 0.014 241)
Farbumrechnungen
- HEX
- #adb6bd
- RGB
- rgb(173 182 189)
- HSL
- hsl(206 11% 71%)
- HWB
- hwb(206 68% 26%)
- OKLCH
- oklch(0.771 0.014 241)
- OKLab
- oklab(0.771 -0.007 -0.012)
- CIE Lab
- lab(73.49 -2.21 -4.71)
- LCH
- lch(73.49 5.2 244.8)
- CMYK
- cmyk(8% 4% 0% 26%)
Tints · Shades · Tones
Tints
- B5BDC3
- BDC4CA
- C5CBD0
- CDD3D7
- D5DADE
- DEE1E4
- E6E9EB
- EEF0F2
- F7F8F8
Shades
- 969EA4
- 7F868C
- 6A6F74
- 55595D
- 414447
- 2D3033
- 1B1D1F
- 0B0C0D
- 010202
Tones
- A8B0B7
- A4ABB0
- 9FA5AA
- 9BA0A4
- 969B9E
- 929598
- 8D9092
- 898B8C
- 848586
Farbharmonien
Komplementär +180°
- ADB6BD
Elliott Bay
- BCB3AC
≈ City Street
Analog -30° +30°
- ADB6BD
Elliott Bay
- ABB7BA
≈ Half Sea Fog
- B1B4BE
≈ Glistening Grey
Triadisch +120° +240°
- ADB6BD
Elliott Bay
- BDB1B4
≈ Fairy Bubbles
- B3B6AC
≈ Mineral Grey
Geteilt komplementär +150° +210°
- ADB6BD
Elliott Bay
- BDB2AF
≈ Mouse Trap
- B8B4AB
≈ Ashes
Tetradisch +90° +180° +270°
- ADB6BD
Elliott Bay
- BAB1B9
≈ Heather Hill
- BCB3AC
≈ City Street
- AEB7B0
≈ Cyprus Spring
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.05:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.20:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--elliott-bay: #adb6bd;
--elliott-bay-rgb: 173 182 189;
--elliott-bay-oklch: oklch(0.771 0.014 241);
}
.element {
color: var(--elliott-bay);
background-color: hsl(206 11% 71%);
border-color: oklch(0.771 0.014 241);
}Tailwind CSS v4
@theme {
--color-elliott-bay: #adb6bd;
--color-elliott-bay-50: #f2f6f9;
--color-elliott-bay-100: #e4e8ec;
--color-elliott-bay-200: #cfd5da;
--color-elliott-bay-300: #b1b8be;
--color-elliott-bay-400: #97a0a6;
--color-elliott-bay-500: #7e888f;
--color-elliott-bay-600: #6b7379;
--color-elliott-bay-700: #555c61;
--color-elliott-bay-800: #3e4347;
--color-elliott-bay-900: #2b2e31;
--color-elliott-bay-950: #181b1d;
}SCSS
$elliott-bay: #adb6bd;
$elliott-bay-rgb: 173, 182, 189;
$elliott-bay-light: mix(#fff, $elliott-bay, 20%);
$elliott-bay-dark: mix(#000, $elliott-bay, 20%);
.element {
color: $elliott-bay;
box-shadow: 0 0 0 2px rgba($elliott-bay, 0.35);
}