Nearest named color · #1A070C
#1A070C
Nearest named color: Italian Roast
#1A070C (rgb(26 7 12), hsl(344 58% 6%), oklch(0.163 0.035 4.4)) is closest to the named color Italian Roast. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1A070C
oklch(0.163 0.035 4.4)
Color conversions
- HEX
- #1a070c
- RGB
- rgb(26 7 12)
- HSL
- hsl(344 58% 6%)
- HWB
- hwb(344 3% 90%)
- OKLCH
- oklch(0.163 0.035 4.4)
- OKLab
- oklab(0.163 0.035 0.003)
- CIE Lab
- lab(3.65 7.87 0.68)
- LCH
- lch(3.65 7.9 5)
- CMYK
- cmyk(0% 73% 54% 90%)
Tints · Shades · Tones
Tints
- 2E1A1F
- 423034
- 58464A
- 6E5E61
- 847779
- 9C9093
- B4ABAD
- CCC6C7
- E5E2E3
Shades
- 150509
- 100406
- 0C0204
- 070203
- 040102
- 020001
- 010000
- 000000
- 000000
Tones
- 241116
- 2D1C20
- 37272B
- 413336
- 4B3F41
- 564B4D
- 60585A
- 6B6566
- 757273
Color harmonies
Complementary +180°
- 1A070C
Italian Roast
- 00120F
≈ Black Glaze
Analogous -30° +30°
- 1A070C
Italian Roast
- 170814
≈ Crow
- 1A0804
≈ Soy Sauce
Triadic +120° +240°
- 1A070C
Italian Roast
- 0B1001
≈ Memorial Black
- 020F1C
≈ Kuretake Black Manga
Split-complementary +150° +210°
- 1A070C
Italian Roast
- 021207
≈ Jedi Night
- 001115
≈ Black Glaze
Tetradic +90° +180° +270°
- 1A070C
Italian Roast
- 130D00
≈ Chinese Black
- 00120F
≈ Black Glaze
- 090C1D
≈ Tristesse
Contrast & accessibility
Ag
AAAOn white
WCAG 19.45:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.07:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.45:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--italian-roast: #1a070c;
--italian-roast-rgb: 26 7 12;
--italian-roast-oklch: oklch(0.163 0.035 4.4);
}
.element {
color: var(--italian-roast);
background-color: hsl(344 58% 6%);
border-color: oklch(0.163 0.035 4.4);
}Tailwind CSS v4
@theme {
--color-italian-roast: #1a070c;
--color-italian-roast-50: #fff1f3;
--color-italian-roast-100: #f3e3e6;
--color-italian-roast-200: #e2ced2;
--color-italian-roast-300: #c8b0b4;
--color-italian-roast-400: #b2969c;
--color-italian-roast-500: #9b7d83;
--color-italian-roast-600: #836a6f;
--color-italian-roast-700: #695459;
--color-italian-roast-800: #4d3d41;
--color-italian-roast-900: #362a2d;
--color-italian-roast-950: #21181a;
}SCSS
$italian-roast: #1a070c;
$italian-roast-rgb: 26, 7, 12;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}