Named color · #1A1110
Scandinavian Liquorice
Scandinavian Liquorice is #1A1110: rgb(26 17 16), hsl(6 24% 8%), oklch(0.189 0.015 25.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Scandinavian Liquorice color name →
#1A1110
oklch(0.189 0.015 25.9)
Color conversions
- HEX
- #1a1110
- RGB
- rgb(26 17 16)
- HSL
- hsl(6 24% 8%)
- HWB
- hwb(6 6% 90%)
- OKLCH
- oklch(0.189 0.015 25.9)
- OKLab
- oklab(0.189 0.014 0.007)
- CIE Lab
- lab(5.99 4.08 2.04)
- LCH
- lch(5.99 4.56 26.6)
- CMYK
- cmyk(0% 35% 38% 90%)
Tints · Shades · Tones
Tints
- 2D2423
- 413937
- 564E4D
- 6C6564
- 837D7C
- 9B9595
- B3AFAE
- CCC9C9
- E5E4E3
Shades
- 150D0C
- 100909
- 0C0606
- 070404
- 040202
- 020101
- 010000
- 000000
- 000000
Tones
- 231B1A
- 2D2524
- 362F2E
- 403A39
- 4A4544
- 55504F
- 5F5C5B
- 6A6867
- 757473
Color harmonies
Complementary +180°
- 1A1110
Scandinavian Liquorice
- 0B1617
≈ Black Is Back
Analogous -30° +30°
- 1A1110
Scandinavian Liquorice
- 191114
≈ Scandinavian Liquorice
- 19120D
≈ Nuln Oil Gloss
Triadic +120° +240°
- 1A1110
Scandinavian Liquorice
- 0F150F
≈ Distinctive Lack of Hue
- 10141B
≈ Black Is Back
Split-complementary +150° +210°
- 1A1110
Scandinavian Liquorice
- 0C1613
≈ Distinctive Lack of Hue
- 0D151A
≈ Black Is Back
Tetradic +90° +180° +270°
- 1A1110
Scandinavian Liquorice
- 13140D
≈ King Kong
- 0B1617
≈ Black Is Back
- 14121A
≈ Back in Black
Contrast & accessibility
Ag
AAAOn white
WCAG 18.55:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.13:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.55:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--scandinavian-liquorice: #1a1110;
--scandinavian-liquorice-rgb: 26 17 16;
--scandinavian-liquorice-oklch: oklch(0.189 0.015 25.9);
}
.element {
color: var(--scandinavian-liquorice);
background-color: hsl(6 24% 8%);
border-color: oklch(0.189 0.015 25.9);
}Tailwind CSS v4
@theme {
--color-scandinavian-liquorice: #1a1110;
--color-scandinavian-liquorice-50: #f9f3f3;
--color-scandinavian-liquorice-100: #ede6e5;
--color-scandinavian-liquorice-200: #dbd2d1;
--color-scandinavian-liquorice-300: #bfb5b3;
--color-scandinavian-liquorice-400: #a79b9a;
--color-scandinavian-liquorice-500: #908281;
--color-scandinavian-liquorice-600: #7a6e6d;
--color-scandinavian-liquorice-700: #625857;
--color-scandinavian-liquorice-800: #484040;
--color-scandinavian-liquorice-900: #322c2c;
--color-scandinavian-liquorice-950: #1e1919;
}SCSS
$scandinavian-liquorice: #1a1110;
$scandinavian-liquorice-rgb: 26, 17, 16;
$scandinavian-liquorice-light: mix(#fff, $scandinavian-liquorice, 20%);
$scandinavian-liquorice-dark: mix(#000, $scandinavian-liquorice, 20%);
.element {
color: $scandinavian-liquorice;
box-shadow: 0 0 0 2px rgba($scandinavian-liquorice, 0.35);
}