Nearest named color · #170B00
#170B00
Nearest named color: Asphalt
#170B00 (rgb(23 11 0), hsl(29 100% 5%), oklch(0.163 0.035 72.1)) is closest to the named color Asphalt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#170B00
oklch(0.163 0.035 72.1)
Color conversions
- HEX
- #170b00
- RGB
- rgb(23 11 0)
- HSL
- hsl(29 100% 5%)
- HWB
- hwb(29 0% 91%)
- OKLCH
- oklch(0.163 0.035 72.1)
- OKLab
- oklab(0.163 0.011 0.033)
- CIE Lab
- lab(3.89 3.53 5.87)
- LCH
- lch(3.89 6.85 59)
- CMYK
- cmyk(0% 52% 100% 91%)
Tints · Shades · Tones
Tints
- 2A1E0F
- 3F3326
- 544A3D
- 6A6156
- 817970
- 99938B
- B2ADA7
- CBC7C3
- E5E3E1
Shades
- 120800
- 0E0600
- 0A0400
- 060200
- 040100
- 020100
- 010000
- 000000
- 000000
Tones
- 201507
- 2A2013
- 342B1F
- 3E362C
- 494139
- 534D46
- 5E5A54
- 696662
- 757371
Color harmonies
Complementary +180°
- 170B00
Asphalt
- 030E1C
≈ Kuretake Black Manga
Analogous -30° +30°
- 170B00
Asphalt
- 1A0803
≈ Soy Sauce
- 110E00
≈ Chinese Black
Triadic +120° +240°
- 170B00
Asphalt
- 001211
≈ Black Glaze
- 130919
≈ Noir Fiction
Split-complementary +150° +210°
- 170B00
Asphalt
- 001117
≈ Black Glaze
- 0C0C1C
≈ Tristesse
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 19.36:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.08:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.36:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--asphalt: #170b00;
--asphalt-rgb: 23 11 0;
--asphalt-oklch: oklch(0.163 0.035 72.1);
}
.element {
color: var(--asphalt);
background-color: hsl(29 100% 5%);
border-color: oklch(0.163 0.035 72.1);
}Tailwind CSS v4
@theme {
--color-asphalt: #170b00;
--color-asphalt-50: #fbf4ea;
--color-asphalt-100: #efe6db;
--color-asphalt-200: #ddd2c4;
--color-asphalt-300: #c2b5a4;
--color-asphalt-400: #ac9c88;
--color-asphalt-500: #95836d;
--color-asphalt-600: #7e6f5d;
--color-asphalt-700: #65594a;
--color-asphalt-800: #4a4035;
--color-asphalt-900: #342c24;
--color-asphalt-950: #1f1913;
}SCSS
$asphalt: #170b00;
$asphalt-rgb: 23, 11, 0;
$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);
}