Colore con nome · #A0ADA9
Feldspar Silver
Feldspar Silver è #A0ADA9: rgb(160 173 169), hsl(162 7% 65%), oklch(0.736 0.016 175.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Feldspar Silver color name →
#A0ADA9
oklch(0.736 0.016 175.5)
Conversioni di colore
- HEX
- #a0ada9
- RGB
- rgb(160 173 169)
- HSL
- hsl(162 7% 65%)
- HWB
- hwb(162 63% 32%)
- OKLCH
- oklch(0.736 0.016 175.5)
- OKLab
- oklab(0.736 -0.016 0.001)
- CIE Lab
- lab(69.6 -5.31 0.41)
- LCH
- lch(69.6 5.32 175.6)
- CMYK
- cmyk(8% 0% 2% 32%)
Tinte · Ombre · Toni
Tinte
- A9B5B1
- B2BDBA
- BCC5C2
- C5CDCB
- CFD5D3
- D8DEDC
- E2E6E5
- EBEEED
- F5F7F6
Ombre
- 8B9692
- 767F7C
- 616A67
- 4E5553
- 3B413F
- 292D2C
- 191B1B
- 090B0A
- 010101
Toni
- 9DA8A5
- 9AA4A1
- 969F9C
- 939B98
- 909694
- 8D9290
- 8A8D8C
- 868988
- 838484
Armonie di colore
Complementare +180°
- A0ADA9
Feldspar Silver
- B2A6AA
≈ Beguiling Mauve
Analogo -30° +30°
- A0ADA9
Feldspar Silver
- A4ACA4
≈ Ginkgo Green
- 9FADAE
≈ Portsmouth Bay
Triadico +120° +240°
- A0ADA9
Feldspar Silver
- AAA8B3
≈ Modern Lavender
- B2A7A0
≈ Aura
Complementare divisa +150° +210°
- A0ADA9
Feldspar Silver
- AFA6AF
≈ Elderberry Grey
- B3A6A5
≈ Cool Lavender
Tetradico +90° +180° +270°
- A0ADA9
Feldspar Silver
- A5AAB4
≈ Mischka
- B2A6AA
≈ Beguiling Mauve
- AEA99F
≈ Cloudy Desert
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.04:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.04:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--feldspar-silver: #a0ada9;
--feldspar-silver-rgb: 160 173 169;
--feldspar-silver-oklch: oklch(0.736 0.016 175.5);
}
.element {
color: var(--feldspar-silver);
background-color: hsl(162 7% 65%);
border-color: oklch(0.736 0.016 175.5);
}Tailwind CSS v4
@theme {
--color-feldspar-silver: #a0ada9;
--color-feldspar-silver-50: #f1f7f5;
--color-feldspar-silver-100: #e3eae8;
--color-feldspar-silver-200: #ced6d4;
--color-feldspar-silver-300: #afbab7;
--color-feldspar-silver-400: #95a29e;
--color-feldspar-silver-500: #7c8a86;
--color-feldspar-silver-600: #697571;
--color-feldspar-silver-700: #545d5a;
--color-feldspar-silver-800: #3d4442;
--color-feldspar-silver-900: #2a2f2d;
--color-feldspar-silver-950: #181c1a;
}SCSS
$feldspar-silver: #a0ada9;
$feldspar-silver-rgb: 160, 173, 169;
$feldspar-silver-light: mix(#fff, $feldspar-silver, 20%);
$feldspar-silver-dark: mix(#000, $feldspar-silver, 20%);
.element {
color: $feldspar-silver;
box-shadow: 0 0 0 2px rgba($feldspar-silver, 0.35);
}