Colore con nome · #AEA8B0
Elderberry Grey
Elderberry Grey è #AEA8B0: rgb(174 168 176), hsl(285 5% 67%), oklch(0.739 0.013 317.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Elderberry Grey color name →
#AEA8B0
oklch(0.739 0.013 317.7)
Conversioni di colore
- HEX
- #aea8b0
- RGB
- rgb(174 168 176)
- HSL
- hsl(285 5% 67%)
- HWB
- hwb(285 66% 31%)
- OKLCH
- oklch(0.739 0.013 317.7)
- OKLab
- oklab(0.739 0.01 -0.009)
- CIE Lab
- lab(69.56 3.35 -3.33)
- LCH
- lch(69.56 4.72 315.2)
- CMYK
- cmyk(1% 5% 0% 31%)
Tinte · Ombre · Toni
Tinte
- B6B0B8
- BEB9BF
- C6C1C7
- CECACF
- D6D3D7
- DEDBDF
- E6E4E7
- EEEDEF
- F7F6F7
Ombre
- 979299
- 807C82
- 6A676C
- 555256
- 413F42
- 2E2C2E
- 1C1A1C
- 0B0A0B
- 010101
Toni
- A9A4AB
- A5A0A6
- A09CA1
- 9B989C
- 979498
- 929093
- 8E8C8E
- 898889
- 848485
Armonie di colore
Complementare +180°
- AEA8B0
Elderberry Grey
- A7ADA5
≈ Light Drizzle
Analogo -30° +30°
- AEA8B0
Elderberry Grey
- AAA9B3
≈ Modern Lavender
- B1A7AC
≈ Stamina
Triadico +120° +240°
- AEA8B0
Elderberry Grey
- AFAAA1
≈ Garlic Beige
- A1ADAD
≈ Portsmouth Bay
Complementare divisa +150° +210°
- AEA8B0
Elderberry Grey
- ABABA2
≈ Laurel Grey
- A3ADA9
≈ Feldspar Silver
Tetradico +90° +180° +270°
- AEA8B0
Elderberry Grey
- B2A8A3
≈ Aura
- A7ADA5
≈ Light Drizzle
- A2ACB1
≈ Pale Blue Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.02:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--elderberry-grey: #aea8b0;
--elderberry-grey-rgb: 174 168 176;
--elderberry-grey-oklch: oklch(0.739 0.013 317.7);
}
.element {
color: var(--elderberry-grey);
background-color: hsl(285 5% 67%);
border-color: oklch(0.739 0.013 317.7);
}Tailwind CSS v4
@theme {
--color-elderberry-grey: #aea8b0;
--color-elderberry-grey-50: #f7f4f7;
--color-elderberry-grey-100: #eae6eb;
--color-elderberry-grey-200: #d7d2d8;
--color-elderberry-grey-300: #bab5bc;
--color-elderberry-grey-400: #a29ca4;
--color-elderberry-grey-500: #8a848c;
--color-elderberry-grey-600: #756f76;
--color-elderberry-grey-700: #5d595f;
--color-elderberry-grey-800: #444145;
--color-elderberry-grey-900: #2f2d30;
--color-elderberry-grey-950: #1c1a1c;
}SCSS
$elderberry-grey: #aea8b0;
$elderberry-grey-rgb: 174, 168, 176;
$elderberry-grey-light: mix(#fff, $elderberry-grey, 20%);
$elderberry-grey-dark: mix(#000, $elderberry-grey, 20%);
.element {
color: $elderberry-grey;
box-shadow: 0 0 0 2px rgba($elderberry-grey, 0.35);
}