最接近的命名颜色 · #0D0806
#0D0806
最接近的命名颜色: Liquorice
#0D0806（rgb(13 8 6)、hsl(17 37% 4%)、oklch(0.141 0.011 47.1)）最接近命名颜色 Liquorice。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#0D0806
oklch(0.141 0.011 47.1)
颜色转换
- HEX
- #0d0806
- RGB
- rgb(13 8 6)
- HSL
- hsl(17 37% 4%)
- HWB
- hwb(17 2% 95%)
- OKLCH
- oklch(0.141 0.011 47.1)
- OKLab
- oklab(0.141 0.007 0.008)
- CIE Lab
- lab(2.48 1.22 1.27)
- LCH
- lch(2.48 1.76 46.2)
- CMYK
- cmyk(0% 38% 54% 95%)
浅色调 · 深色调 · 灰色调
浅色调
- 201B18
- 35302D
- 4B4644
- 625E5C
- 7A7675
- 93908F
- ADABAA
- C8C6C5
- E3E2E2
深色调
- 0A0604
- 070403
- 050302
- 030201
- 020101
- 010100
- 000000
- 000000
- 000000
灰色调
- 17120F
- 211C1A
- 2C2725
- 373331
- 423F3D
- 4E4B4A
- 5A5857
- 676564
- 737272
配色和谐
互补色 +180°
- 0D0806
Liquorice
- 050A0D
≈ Existential Angst
类似色 -30° +30°
- 0D0806
Liquorice
- 0D0808
≈ Chyornyi Black
- 0C0905
≈ Badab Black Wash
三角配色 +120° +240°
- 0D0806
Liquorice
- 060B08
≈ Existential Angst
- 09090D
≈ Existential Angst
分裂互补色 +150° +210°
- 0D0806
Liquorice
- 050B0B
≈ Dark Side of the Moon
- 07090E
≈ Existential Angst
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 19.91:1 · APCA Lc 106
Ag
Fail黑底
WCAG 1.05:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 19.91:1 (AAA) · APCA Lc 106
Contrast pairs
代码片段
CSS
:root {
--liquorice: #0d0806;
--liquorice-rgb: 13 8 6;
--liquorice-oklch: oklch(0.141 0.011 47.1);
}
.element {
color: var(--liquorice);
background-color: hsl(17 37% 4%);
border-color: oklch(0.141 0.011 47.1);
}Tailwind CSS v4
@theme {
--color-liquorice: #0d0806;
--color-liquorice-50: #f8f4f2;
--color-liquorice-100: #ebe7e5;
--color-liquorice-200: #d8d3d0;
--color-liquorice-300: #bcb6b3;
--color-liquorice-400: #a49d99;
--color-liquorice-500: #8d8480;
--color-liquorice-600: #77706d;
--color-liquorice-700: #5f5957;
--color-liquorice-800: #46413f;
--color-liquorice-900: #302d2c;
--color-liquorice-950: #1c1a19;
}SCSS
$liquorice: #0d0806;
$liquorice-rgb: 13, 8, 6;
$liquorice-light: mix(#fff, $liquorice, 20%);
$liquorice-dark: mix(#000, $liquorice, 20%);
.element {
color: $liquorice;
box-shadow: 0 0 0 2px rgba($liquorice, 0.35);
}