Colore con nome · #A8989B
Sahara Dust
Sahara Dust è #A8989B: rgb(168 152 155), hsl(349 8% 63%), oklch(0.695 0.019 4.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sahara Dust color name →
#A8989B
oklch(0.695 0.019 4.8)
Conversioni di colore
- HEX
- #a8989b
- RGB
- rgb(168 152 155)
- HSL
- hsl(349 8% 63%)
- HWB
- hwb(349 60% 34%)
- OKLCH
- oklch(0.695 0.019 4.8)
- OKLab
- oklab(0.695 0.019 0.002)
- CIE Lab
- lab(64.33 6.49 0.68)
- LCH
- lch(64.33 6.53 6)
- CMYK
- cmyk(0% 10% 8% 34%)
Tinte · Ombre · Toni
Tinte
- B0A2A5
- B9ACAE
- C2B6B8
- CAC0C2
- D3CACC
- DCD5D6
- E4DFE0
- EDEAEA
- F6F4F5
Ombre
- 928486
- 7C7072
- 675C5E
- 524A4B
- 3F3839
- 2C2728
- 1A1718
- 0A0809
- 010101
Toni
- A49698
- A09396
- 9C9193
- 988E90
- 948C8D
- 908A8B
- 8C8788
- 888585
- 848283
Armonie di colore
Complementare +180°
- A8989B
Sahara Dust
- 90A19E
≈ October Sky
Analogo -30° +30°
- A8989B
Sahara Dust
- A598A2
≈ Mystique
- A89995
≈ Twilight Taupe
Triadico +120° +240°
- A8989B
Sahara Dust
- 9A9F92
≈ Trellised Ivy
- 939EA8
≈ Frilled Shark
Complementare divisa +150° +210°
- A8989B
Sahara Dust
- 94A097
≈ Verdant Retreat
- 90A0A4
≈ Debonair
Tetradico +90° +180° +270°
- A8989B
Sahara Dust
- A09D90
≈ Dawn
- 90A19E
≈ October Sky
- 999CA9
≈ Dame Dignity
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.62:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--sahara-dust: #a8989b;
--sahara-dust-rgb: 168 152 155;
--sahara-dust-oklch: oklch(0.695 0.019 4.8);
}
.element {
color: var(--sahara-dust);
background-color: hsl(349 8% 63%);
border-color: oklch(0.695 0.019 4.8);
}Tailwind CSS v4
@theme {
--color-sahara-dust: #a8989b;
--color-sahara-dust-50: #faf3f4;
--color-sahara-dust-100: #eee5e7;
--color-sahara-dust-200: #dcd1d3;
--color-sahara-dust-300: #c1b3b6;
--color-sahara-dust-400: #a99a9d;
--color-sahara-dust-500: #928184;
--color-sahara-dust-600: #7c6d70;
--color-sahara-dust-700: #63575a;
--color-sahara-dust-800: #494042;
--color-sahara-dust-900: #322c2d;
--color-sahara-dust-950: #1e191a;
}SCSS
$sahara-dust: #a8989b;
$sahara-dust-rgb: 168, 152, 155;
$sahara-dust-light: mix(#fff, $sahara-dust, 20%);
$sahara-dust-dark: mix(#000, $sahara-dust, 20%);
.element {
color: $sahara-dust;
box-shadow: 0 0 0 2px rgba($sahara-dust, 0.35);
}