Color con nombre · #5A5348
Tarmac
Tarmac es #5A5348: rgb(90 83 72), hsl(37 11% 32%), oklch(0.446 0.02 79.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Tarmac color name →
#5A5348
oklch(0.446 0.02 79.2)
Conversiones de color
- HEX
- #5a5348
- RGB
- rgb(90 83 72)
- HSL
- hsl(37 11% 32%)
- HWB
- hwb(37 28% 65%)
- OKLCH
- oklch(0.446 0.02 79.2)
- OKLab
- oklab(0.446 0.004 0.019)
- CIE Lab
- lab(35.73 1.43 7.56)
- LCH
- lch(35.73 7.7 79.3)
- CMYK
- cmyk(0% 8% 20% 65%)
Tintes · Sombras · Tonos
Tintes
- 696358
- 787369
- 88837B
- 98948C
- A9A59F
- B9B6B1
- CAC8C4
- DCDAD7
- EDECEB
Sombras
- 4D473D
- 413B33
- 353029
- 29251F
- 1E1B16
- 13110D
- 090806
- 030202
- 000000
Tonos
- 5E574D
- 615C53
- 656058
- 69655E
- 6D6963
- 716E69
- 74726F
- 787774
- 7C7B7A
Armonías de color
Complementario +180°
- 5A5348
Tarmac
- 4E555F
≈ Dark Sea
Análogo -30° +30°
- 5A5348
Tarmac
- 5E514B
≈ Oak Creek
- 555549
≈ NATO Olive
Triádico +120° +240°
- 5A5348
Tarmac
- 485858
≈ Sabionando Grey
- 59515B
≈ Forged Iron
Complementario dividido +150° +210°
- 5A5348
Tarmac
- 49565D
≈ Moody Black
- 53525F
≈ Black Orchid
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.59:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.76:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--tarmac: #5a5348;
--tarmac-rgb: 90 83 72;
--tarmac-oklch: oklch(0.446 0.02 79.2);
}
.element {
color: var(--tarmac);
background-color: hsl(37 11% 32%);
border-color: oklch(0.446 0.02 79.2);
}Tailwind CSS v4
@theme {
--color-tarmac: #5a5348;
--color-tarmac-50: #f8f5ef;
--color-tarmac-100: #ebe7e1;
--color-tarmac-200: #d8d4cb;
--color-tarmac-300: #bdb7ac;
--color-tarmac-400: #a59d92;
--color-tarmac-500: #8d8578;
--color-tarmac-600: #787166;
--color-tarmac-700: #605a51;
--color-tarmac-800: #46423b;
--color-tarmac-900: #312d28;
--color-tarmac-950: #1d1a16;
}SCSS
$tarmac: #5a5348;
$tarmac-rgb: 90, 83, 72;
$tarmac-light: mix(#fff, $tarmac, 20%);
$tarmac-dark: mix(#000, $tarmac, 20%);
.element {
color: $tarmac;
box-shadow: 0 0 0 2px rgba($tarmac, 0.35);
}