Colore con nome · #9C9395
Warm Asphalt
Warm Asphalt è #9C9395: rgb(156 147 149), hsl(347 4% 59%), oklch(0.672 0.011 2.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Asphalt color name →
#9C9395
oklch(0.672 0.011 2.1)
Conversioni di colore
- HEX
- #9c9395
- RGB
- rgb(156 147 149)
- HSL
- hsl(347 4% 59%)
- HWB
- hwb(347 58% 39%)
- OKLCH
- oklch(0.672 0.011 2.1)
- OKLab
- oklab(0.672 0.011 0)
- CIE Lab
- lab(61.77 3.71 0.19)
- LCH
- lch(61.77 3.71 3)
- CMYK
- cmyk(0% 6% 4% 39%)
Tinte · Ombre · Toni
Tinte
- A59D9F
- AFA8A9
- B9B2B4
- C3BDBE
- CCC8C9
- D6D3D3
- E0DDDE
- EBE9E9
- F5F4F4
Ombre
- 877F81
- 736C6D
- 5F595A
- 4C4748
- 393637
- 282526
- 181616
- 090808
- 010101
Toni
- 999193
- 968F91
- 948D8F
- 918B8D
- 8E898A
- 8B8888
- 888686
- 868484
- 838282
Armonie di colore
Complementare +180°
- 9C9395
Warm Asphalt
- 8F9896
≈ Evening Fog
Analogo -30° +30°
- 9C9395
Warm Asphalt
- 9A9399
≈ Lavender Elan
- 9C9391
≈ Neutral Buff
Triadico +120° +240°
- 9C9395
Warm Asphalt
- 949790
≈ Dusky Parakeet
- 90979C
≈ Steely Grey
Complementare divisa +150° +210°
- 9C9395
Warm Asphalt
- 919892
≈ Steel Toe
- 8E989A
≈ Steely Grey
Tetradico +90° +180° +270°
- 9C9395
Warm Asphalt
- 98968E
≈ Destroyer Grey
- 8F9896
≈ Evening Fog
- 93959D
≈ Grisaille
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 57
Ag
AAASu nero
WCAG 7.02:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-asphalt: #9c9395;
--warm-asphalt-rgb: 156 147 149;
--warm-asphalt-oklch: oklch(0.672 0.011 2.1);
}
.element {
color: var(--warm-asphalt);
background-color: hsl(347 4% 59%);
border-color: oklch(0.672 0.011 2.1);
}Tailwind CSS v4
@theme {
--color-warm-asphalt: #9c9395;
--color-warm-asphalt-50: #f8f4f5;
--color-warm-asphalt-100: #ebe6e7;
--color-warm-asphalt-200: #d9d2d3;
--color-warm-asphalt-300: #bdb5b7;
--color-warm-asphalt-400: #a49c9e;
--color-warm-asphalt-500: #8d8385;
--color-warm-asphalt-600: #776f71;
--color-warm-asphalt-700: #5f595a;
--color-warm-asphalt-800: #464142;
--color-warm-asphalt-900: #302d2e;
--color-warm-asphalt-950: #1d1a1a;
}SCSS
$warm-asphalt: #9c9395;
$warm-asphalt-rgb: 156, 147, 149;
$warm-asphalt-light: mix(#fff, $warm-asphalt, 20%);
$warm-asphalt-dark: mix(#000, $warm-asphalt, 20%);
.element {
color: $warm-asphalt;
box-shadow: 0 0 0 2px rgba($warm-asphalt, 0.35);
}