最接近的命名颜色 · #17160D
#17160D
最接近的命名颜色: Twilight Zone
#17160D（rgb(23 22 13)、hsl(54 28% 7%)、oklch(0.198 0.017 102.5)）最接近命名颜色 Twilight Zone。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#17160D
oklch(0.198 0.017 102.5)
颜色转换
- HEX
- #17160d
- RGB
- rgb(23 22 13)
- HSL
- hsl(54 28% 7%)
- HWB
- hwb(54 5% 91%)
- OKLCH
- oklch(0.198 0.017 102.5)
- OKLab
- oklab(0.198 -0.004 0.017)
- CIE Lab
- lab(7.14 -0.88 5.19)
- LCH
- lch(7.14 5.26 99.6)
- CMYK
- cmyk(0% 4% 43% 91%)
浅色调 · 深色调 · 灰色调
浅色调
- 2A2920
- 3E3D35
- 53534B
- 6A6962
- 81807A
- 999894
- B1B1AD
- CBCAC8
- E5E4E3
深色调
- 12120A
- 0E0D07
- 0A0905
- 060603
- 040302
- 020201
- 010100
- 000000
- 000000
灰色调
- 201F17
- 2A2921
- 33332C
- 3E3D37
- 484842
- 53524E
- 5E5E5A
- 696967
- 747473
配色和谐
互补色 +180°
- 17160D
Twilight Zone
- 14151D
≈ Kuroi Black
类似色 -30° +30°
- 17160D
Twilight Zone
- 1A140D
≈ Soulless
- 13170F
≈ Darkness
三角配色 +120° +240°
- 17160D
Twilight Zone
- 0D171B
≈ Black Is Back
- 1B1318
≈ Bats Cloak
分裂互补色 +150° +210°
- 17160D
Twilight Zone
- 10161D
≈ Kuroi Black
- 18131B
≈ Back in Black
四角配色 +90° +180° +270°
- 17160D
Twilight Zone
- 0C1818
≈ Black Stallion
- 14151D
≈ Kuroi Black
- 1D1313
≈ Bighorn Sheep
对比度与无障碍
Ag
AAA白底
WCAG 18.15:1 · APCA Lc 105
Ag
Fail黑底
WCAG 1.15:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 18.15:1 (AAA) · APCA Lc 105
Contrast pairs
代码片段
CSS
:root {
--twilight-zone: #17160d;
--twilight-zone-rgb: 23 22 13;
--twilight-zone-oklch: oklch(0.198 0.017 102.5);
}
.element {
color: var(--twilight-zone);
background-color: hsl(54 28% 7%);
border-color: oklch(0.198 0.017 102.5);
}Tailwind CSS v4
@theme {
--color-twilight-zone: #17160d;
--color-twilight-zone-50: #f6f5f0;
--color-twilight-zone-100: #e8e8e2;
--color-twilight-zone-200: #d5d5cd;
--color-twilight-zone-300: #b8b8ae;
--color-twilight-zone-400: #a09f94;
--color-twilight-zone-500: #88877a;
--color-twilight-zone-600: #737267;
--color-twilight-zone-700: #5c5b53;
--color-twilight-zone-800: #44433c;
--color-twilight-zone-900: #2f2e29;
--color-twilight-zone-950: #1b1b17;
}SCSS
$twilight-zone: #17160d;
$twilight-zone-rgb: 23, 22, 13;
$twilight-zone-light: mix(#fff, $twilight-zone, 20%);
$twilight-zone-dark: mix(#000, $twilight-zone, 20%);
.element {
color: $twilight-zone;
box-shadow: 0 0 0 2px rgba($twilight-zone, 0.35);
}