Colore con nome più vicino · #110502
#110502
Colore con nome più vicino: Asphalt
#110502 (rgb(17 5 2), hsl(12 79% 4%), oklch(0.135 0.027 43.6)) è più vicino al colore con nome Asphalt. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#110502
oklch(0.135 0.027 43.6)
Conversioni di colore
- HEX
- #110502
- RGB
- rgb(17 5 2)
- HSL
- hsl(12 79% 4%)
- HWB
- hwb(12 1% 93%)
- OKLCH
- oklch(0.135 0.027 43.6)
- OKLab
- oklab(0.135 0.019 0.019)
- CIE Lab
- lab(2.14 3.35 2.45)
- LCH
- lch(2.14 4.15 36.2)
- CMYK
- cmyk(0% 71% 88% 93%)
Tinte · Ombre · Toni
Tinte
- 251712
- 392C27
- 4F433E
- 665B57
- 7E7470
- 968E8B
- B0A9A7
- C9C5C3
- E4E2E1
Ombre
- 0D0401
- 090301
- 060201
- 040100
- 020100
- 010000
- 000000
- 000000
- 000000
Toni
- 1B0E09
- 251914
- 302520
- 3B312D
- 463D39
- 514A47
- 5C5755
- 686463
- 747271
Armonie di colore
Complementare +180°
- 110502
Asphalt
- 000A10
≈ Black Knight
Analogo -30° +30°
- 110502
Asphalt
- 110405
≈ Knight Rider
- 0F0600
≈ Blackout
Triadico +120° +240°
- 110502
Asphalt
- 010B06
≈ Whiten’t
- 070713
≈ Narwhal Grey
Complementare divisa +150° +210°
- 110502
Asphalt
- 000B0B
≈ Black Knight
- 030813
≈ Black Knight
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 20.06:1 · APCA Lc 106
Ag
FailSu nero
WCAG 1.04:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 20.06:1 (AAA) · APCA Lc 106
Contrast pairs
Frammenti di codice
CSS
:root {
--asphalt: #110502;
--asphalt-rgb: 17 5 2;
--asphalt-oklch: oklch(0.135 0.027 43.6);
}
.element {
color: var(--asphalt);
background-color: hsl(12 79% 4%);
border-color: oklch(0.135 0.027 43.6);
}Tailwind CSS v4
@theme {
--color-asphalt: #110502;
--color-asphalt-50: #fcf3ef;
--color-asphalt-100: #f0e5e1;
--color-asphalt-200: #dfd1cb;
--color-asphalt-300: #c4b3ac;
--color-asphalt-400: #ad9a92;
--color-asphalt-500: #968178;
--color-asphalt-600: #7f6d66;
--color-asphalt-700: #665751;
--color-asphalt-800: #4b3f3b;
--color-asphalt-900: #342c29;
--color-asphalt-950: #1f1916;
}SCSS
$asphalt: #110502;
$asphalt-rgb: 17, 5, 2;
$asphalt-light: mix(#fff, $asphalt, 20%);
$asphalt-dark: mix(#000, $asphalt, 20%);
.element {
color: $asphalt;
box-shadow: 0 0 0 2px rgba($asphalt, 0.35);
}