Nearest named color · #1A0E05
#1A0E05
Nearest named color: Asphalt
#1A0E05 (rgb(26 14 5), hsl(26 68% 6%), oklch(0.178 0.028 59.5)) is closest to the named color Asphalt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1A0E05
oklch(0.178 0.028 59.5)
Color conversions
- HEX
- #1a0e05
- RGB
- rgb(26 14 5)
- HSL
- hsl(26 68% 6%)
- HWB
- hwb(26 2% 90%)
- OKLCH
- oklch(0.178 0.028 59.5)
- OKLab
- oklab(0.178 0.014 0.024)
- CIE Lab
- lab(5 4.33 5.5)
- LCH
- lch(5 7 51.8)
- CMYK
- cmyk(0% 46% 81% 90%)
Tints · Shades · Tones
Tints
- 2D2118
- 41362D
- 574C44
- 6D635C
- 837B75
- 9B948F
- B3AEAA
- CCC8C6
- E5E3E2
Shades
- 150B04
- 100703
- 0C0502
- 070301
- 040201
- 020100
- 010000
- 000000
- 000000
Tones
- 23180F
- 2D221A
- 362D25
- 403831
- 4A433D
- 554F4A
- 5F5B57
- 6A6764
- 757372
Color harmonies
Complementary +180°
- 1A0E05
Asphalt
- 05131C
≈ Midnight Edition
Analogous -30° +30°
- 1A0E05
Asphalt
- 1C0C0A
≈ Scandinavian Liquorice
- 161003
≈ Chinese Black
Triadic +120° +240°
- 1A0E05
Asphalt
- 031511
≈ Black Glaze
- 130E1B
≈ Corbeau
Split-complementary +150° +210°
- 1A0E05
Asphalt
- 021418
≈ Black Glaze
- 0C101D
≈ Nyctophobia
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 18.93:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.10:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.93:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--asphalt: #1a0e05;
--asphalt-rgb: 26 14 5;
--asphalt-oklch: oklch(0.178 0.028 59.5);
}
.element {
color: var(--asphalt);
background-color: hsl(26 68% 6%);
border-color: oklch(0.178 0.028 59.5);
}Tailwind CSS v4
@theme {
--color-asphalt: #1a0e05;
--color-asphalt-50: #fbf4ed;
--color-asphalt-100: #efe6df;
--color-asphalt-200: #ddd2c9;
--color-asphalt-300: #c2b5a9;
--color-asphalt-400: #ab9b8f;
--color-asphalt-500: #948274;
--color-asphalt-600: #7e6e63;
--color-asphalt-700: #64584f;
--color-asphalt-800: #4a4039;
--color-asphalt-900: #332c27;
--color-asphalt-950: #1f1915;
}SCSS
$asphalt: #1a0e05;
$asphalt-rgb: 26, 14, 5;
$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);
}