最接近的命名颜色 · #8B9BBA
#8B9BBA
最接近的命名颜色: Sailing
#8B9BBA（rgb(139 155 186)、hsl(220 25% 64%)、oklch(0.688 0.049 263.6)）最接近命名颜色 Sailing。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8B9BBA
oklch(0.688 0.049 263.6)
颜色转换
- HEX
- #8b9bba
- RGB
- rgb(139 155 186)
- HSL
- hsl(220 25% 64%)
- HWB
- hwb(220 55% 27%)
- OKLCH
- oklch(0.688 0.049 263.6)
- OKLab
- oklab(0.688 -0.006 -0.049)
- CIE Lab
- lab(63.52 -0.59 -18.16)
- LCH
- lch(63.52 18.17 268.1)
- CMYK
- cmyk(25% 17% 0% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- 96A5C1
- A1AEC8
- ADB8CF
- B8C2D6
- C4CCDC
- CFD6E3
- DBE0EA
- E7EAF1
- F3F5F8
深色调
- 7886A1
- 667289
- 545E72
- 434B5C
- 323946
- 232832
- 14181E
- 07090D
- 010102
灰色调
- 8A98B4
- 8996AE
- 8893A8
- 8790A3
- 868E9D
- 848B97
- 838891
- 82858C
- 818386
配色和谐
互补色 +180°
- 8B9BBA
Sailing
- A99978
≈ King Ghidorah
类似色 -30° +30°
- 8B9BBA
Sailing
- 7DA0B5
≈ Grey Blue
- 9C95B7
≈ Tusi Grey
三角配色 +120° +240°
- 8B9BBA
Sailing
- B88F8C
≈ Ponder
- 89A387
≈ Gallery Green
分裂互补色 +150° +210°
- 8B9BBA
Sailing
- B4937E
≈ Changing Seasons
- 9A9E7C
≈ Rookwood Jade
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.49:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--sailing: #8b9bba;
--sailing-rgb: 139 155 186;
--sailing-oklch: oklch(0.688 0.049 263.6);
}
.element {
color: var(--sailing);
background-color: hsl(220 25% 64%);
border-color: oklch(0.688 0.049 263.6);
}Tailwind CSS v4
@theme {
--color-sailing: #8b9bba;
--color-sailing-50: #eef5ff;
--color-sailing-100: #e0e8f9;
--color-sailing-200: #cad4ea;
--color-sailing-300: #abb7d1;
--color-sailing-400: #8f9fbc;
--color-sailing-500: #7586a8;
--color-sailing-600: #63728e;
--color-sailing-700: #4f5b72;
--color-sailing-800: #394354;
--color-sailing-900: #272e3a;
--color-sailing-950: #151b24;
}SCSS
$sailing: #8b9bba;
$sailing-rgb: 139, 155, 186;
$sailing-light: mix(#fff, $sailing, 20%);
$sailing-dark: mix(#000, $sailing, 20%);
.element {
color: $sailing;
box-shadow: 0 0 0 2px rgba($sailing, 0.35);
}