最接近的命名颜色 · #141A2C
#141A2C
最接近的命名颜色: Sombre Night
#141A2C(rgb(20 26 44)、hsl(225 38% 13%)、oklch(0.221 0.037 269.2))最接近命名颜色 Sombre Night。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。
#141A2C
oklch(0.221 0.037 269.2)
颜色转换
- HEX
- #141a2c
- RGB
- rgb(20 26 44)
- HSL
- hsl(225 38% 13%)
- HWB
- hwb(225 8% 83%)
- OKLCH
- oklch(0.221 0.037 269.2)
- OKLab
- oklab(0.221 0 -0.037)
- CIE Lab
- lab(9.39 1.84 -13.21)
- LCH
- lch(9.39 13.33 277.9)
- CMYK
- cmyk(55% 41% 0% 83%)
浅色调 · 深色调 · 灰色调
浅色调
- 272D3E
- 3B4152
- 515665
- 676C7A
- 7F838F
- 979BA4
- B0B3BA
- CACCD1
- E4E5E8
深色调
- 101525
- 0C101E
- 080C17
- 050711
- 03040A
- 010205
- 010102
- 000001
- 000000
灰色调
- 1D2334
- 272D3C
- 313644
- 3C404C
- 464A55
- 51555D
- 5D5F66
- 686A6E
- 747577
配色和谐
互补色 +180°
- 141A2C
Sombre Night
- 221A05
≈ Cannon Black
类似色 -30° +30°
- 141A2C
Sombre Night
- 091D2A
≈ Oxford by Night
- 1D172A
≈ Sambucus
三角配色 +120° +240°
- 141A2C
Sombre Night
- 2A1411
≈ Dark Danger
- 0E2011
≈ Nightmare
分裂互补色 +150° +210°
- 141A2C
Sombre Night
- 271608
≈ Cannon Black
- 191D09
≈ Nightmare
四角配色 +90° +180° +270°
- 141A2C
Sombre Night
- 29131A
≈ Black Cherry
- 221A05
≈ Cannon Black
- 03201B
≈ Stellar Explorer
对比度与无障碍
Ag
AAA白底
WCAG 17.30:1 · APCA Lc 104
Ag
Fail黑底
WCAG 1.21:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 17.30:1 (AAA) · APCA Lc 104
Contrast pairs
代码片段
CSS
:root {
--sombre-night: #141a2c;
--sombre-night-rgb: 20 26 44;
--sombre-night-oklch: oklch(0.221 0.037 269.2);
}
.element {
color: var(--sombre-night);
background-color: hsl(225 38% 13%);
border-color: oklch(0.221 0.037 269.2);
}Tailwind CSS v4
@theme {
--color-sombre-night: #141a2c;
--color-sombre-night-50: #f1f5ff;
--color-sombre-night-100: #e3e7f5;
--color-sombre-night-200: #ced4e4;
--color-sombre-night-300: #b0b7cb;
--color-sombre-night-400: #959eb5;
--color-sombre-night-500: #7c869f;
--color-sombre-night-600: #697186;
--color-sombre-night-700: #545a6c;
--color-sombre-night-800: #3d424f;
--color-sombre-night-900: #2a2e37;
--color-sombre-night-950: #171a22;
}SCSS
$sombre-night: #141a2c;
$sombre-night-rgb: 20, 26, 44;
$sombre-night-light: mix(#fff, $sombre-night, 20%);
$sombre-night-dark: mix(#000, $sombre-night, 20%);
.element {
color: $sombre-night;
box-shadow: 0 0 0 2px rgba($sombre-night, 0.35);
}