Color con nombre · #A8989B
Sahara Dust
Sahara Dust es #A8989B: rgb(168 152 155), hsl(349 8% 63%), oklch(0.695 0.019 4.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sahara Dust color name →
#A8989B
oklch(0.695 0.019 4.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- B0A2A5
- B9ACAE
- C2B6B8
- CAC0C2
- D3CACC
- DCD5D6
- E4DFE0
- EDEAEA
- F6F4F5
Sombras
- 928486
- 7C7072
- 675C5E
- 524A4B
- 3F3839
- 2C2728
- 1A1718
- 0A0809
- 010101
Tonos
- A49698
- A09396
- 9C9193
- 988E90
- 948C8D
- 908A8B
- 8C8788
- 888585
- 848283
Armonías de color
Complementario +180°
- A8989B
Sahara Dust
- 90A19E
≈ October Sky
Análogo -30° +30°
- A8989B
Sahara Dust
- A598A2
≈ Mystique
- A89995
≈ Twilight Taupe
Triádico +120° +240°
- A8989B
Sahara Dust
- 9A9F92
≈ Trellised Ivy
- 939EA8
≈ Frilled Shark
Complementario dividido +150° +210°
- A8989B
Sahara Dust
- 94A097
≈ Verdant Retreat
- 90A0A4
≈ Debonair
Tetrádico +90° +180° +270°
- A8989B
Sahara Dust
- A09D90
≈ Dawn
- 90A19E
≈ October Sky
- 999CA9
≈ Dame Dignity
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.62:1 · APCA Lc 49
Mejor color de texto: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmentos de código
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);
}