最接近的命名颜色 · #112123
#112123
最接近的命名颜色: Sunken Ship
#112123（rgb(17 33 35)、hsl(187 35% 10%)、oklch(0.235 0.022 205.8)）最接近命名颜色 Sunken Ship。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#112123
oklch(0.235 0.022 205.8)
颜色转换
- HEX
- #112123
- RGB
- rgb(17 33 35)
- HSL
- hsl(187 35% 10%)
- HWB
- hwb(187 7% 86%)
- OKLCH
- oklch(0.235 0.022 205.8)
- OKLab
- oklab(0.235 -0.02 -0.01)
- CIE Lab
- lab(11.39 -6.53 -3.62)
- LCH
- lch(11.39 7.46 209)
- CMYK
- cmyk(51% 6% 0% 86%)
浅色调 · 深色调 · 灰色调
浅色调
- 253435
- 3A4749
- 505C5D
- 667173
- 7E8788
- 979E9F
- B0B6B6
- CACDCE
- E4E6E6
深色调
- 0D1B1D
- 091617
- 061011
- 040B0C
- 020607
- 010304
- 000101
- 000000
- 000000
灰色调
- 1B2A2B
- 253234
- 303B3D
- 3B4546
- 464E4F
- 515859
- 5C6262
- 686C6C
- 747676
配色和谐
互补色 +180°
- 112123
Sunken Ship
- 281A19
≈ Dark Orchestra
类似色 -30° +30°
- 112123
Sunken Ship
- 12211D
≈ Black Emerald
- 142027
≈ Crow Feather
三角配色 +120° +240°
- 112123
Sunken Ship
- 231A24
≈ Kurobeni
- 231D12
≈ Burnt Coffee
分裂互补色 +150° +210°
- 112123
Sunken Ship
- 271A1E
≈ Kurobeni
- 261B14
≈ Tetsu-Guro Black
四角配色 +90° +180° +270°
- 112123
Sunken Ship
- 1F1C27
≈ Night Demons
- 281A19
≈ Dark Orchestra
- 1D1F13
≈ Black Mesa
对比度与无障碍
Ag
AAA白底
WCAG 16.59:1 · APCA Lc 103
Ag
Fail黑底
WCAG 1.26:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 16.59:1 (AAA) · APCA Lc 103
Contrast pairs
代码片段
CSS
:root {
--sunken-ship: #112123;
--sunken-ship-rgb: 17 33 35;
--sunken-ship-oklch: oklch(0.235 0.022 205.8);
}
.element {
color: var(--sunken-ship);
background-color: hsl(187 35% 10%);
border-color: oklch(0.235 0.022 205.8);
}Tailwind CSS v4
@theme {
--color-sunken-ship: #112123;
--color-sunken-ship-50: #eef7f8;
--color-sunken-ship-100: #e0eaec;
--color-sunken-ship-200: #cad7d9;
--color-sunken-ship-300: #abbbbd;
--color-sunken-ship-400: #90a2a5;
--color-sunken-ship-500: #768b8d;
--color-sunken-ship-600: #647577;
--color-sunken-ship-700: #505e60;
--color-sunken-ship-800: #3a4546;
--color-sunken-ship-900: #282f30;
--color-sunken-ship-950: #161c1d;
}SCSS
$sunken-ship: #112123;
$sunken-ship-rgb: 17, 33, 35;
$sunken-ship-light: mix(#fff, $sunken-ship, 20%);
$sunken-ship-dark: mix(#000, $sunken-ship, 20%);
.element {
color: $sunken-ship;
box-shadow: 0 0 0 2px rgba($sunken-ship, 0.35);
}