Color con nombre · #AFA8A9
Smoky Mountain
Smoky Mountain es #AFA8A9: rgb(175 168 169), hsl(351 4% 67%), oklch(0.738 0.008 7.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Smoky Mountain color name →
#AFA8A9
oklch(0.738 0.008 7.4)
Conversiones de color
- HEX
- #afa8a9
- RGB
- rgb(175 168 169)
- HSL
- hsl(351 4% 67%)
- HWB
- hwb(351 66% 31%)
- OKLCH
- oklch(0.738 0.008 7.4)
- OKLab
- oklab(0.738 0.008 0.001)
- CIE Lab
- lab(69.48 2.74 0.43)
- LCH
- lch(69.48 2.77 8.9)
- CMYK
- cmyk(0% 4% 3% 31%)
Tintes · Sombras · Tonos
Tintes
- B7B0B1
- BFB9BA
- C6C1C2
- CECACB
- D6D3D3
- DEDBDC
- E6E4E5
- EFEDED
- F7F6F6
Sombras
- 989292
- 817C7C
- 6B6767
- 565253
- 413F3F
- 2E2C2C
- 1C1A1B
- 0B0A0A
- 010101
Tonos
- AAA4A5
- A5A0A1
- A19C9C
- 9C9898
- 979494
- 929090
- 8E8C8C
- 898888
- 858484
Armonías de color
Complementario +180°
- AFA8A9
Smoky Mountain
- A5ACAB
≈ Cloud Mountain
Análogo -30° +30°
- AFA8A9
Smoky Mountain
- AEA8AC
≈ Beguiling Mauve
- AFA8A6
≈ Proper Grey
Triádico +120° +240°
- AFA8A9
Smoky Mountain
- A9ABA6
≈ Cool Granite
- A6ABAF
≈ Gull Grey
Complementario dividido +150° +210°
- AFA8A9
Smoky Mountain
- A6ACA8
≈ Silver Screen
- A5ABAD
≈ Cloud Mountain
Tetrádico +90° +180° +270°
- AFA8A9
Smoky Mountain
- ABAAA4
≈ Ellie Grey
- A5ACAB
≈ Cloud Mountain
- A9AAAF
≈ Chrome Aluminium
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 8.99:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--smoky-mountain: #afa8a9;
--smoky-mountain-rgb: 175 168 169;
--smoky-mountain-oklch: oklch(0.738 0.008 7.4);
}
.element {
color: var(--smoky-mountain);
background-color: hsl(351 4% 67%);
border-color: oklch(0.738 0.008 7.4);
}Tailwind CSS v4
@theme {
--color-smoky-mountain: #afa8a9;
--color-smoky-mountain-50: #f7f4f4;
--color-smoky-mountain-100: #eae7e7;
--color-smoky-mountain-200: #d8d3d3;
--color-smoky-mountain-300: #bbb6b6;
--color-smoky-mountain-400: #a39c9d;
--color-smoky-mountain-500: #8b8485;
--color-smoky-mountain-600: #767071;
--color-smoky-mountain-700: #5e595a;
--color-smoky-mountain-800: #454142;
--color-smoky-mountain-900: #302d2d;
--color-smoky-mountain-950: #1c1a1a;
}SCSS
$smoky-mountain: #afa8a9;
$smoky-mountain-rgb: 175, 168, 169;
$smoky-mountain-light: mix(#fff, $smoky-mountain, 20%);
$smoky-mountain-dark: mix(#000, $smoky-mountain, 20%);
.element {
color: $smoky-mountain;
box-shadow: 0 0 0 2px rgba($smoky-mountain, 0.35);
}