最接近的命名颜色 · #9AB6D5
#9AB6D5
最接近的命名颜色: Blues White Shoes
#9AB6D5（rgb(154 182 213)、hsl(212 41% 72%)、oklch(0.766 0.054 251.2)）最接近命名颜色 Blues White Shoes。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9AB6D5
oklch(0.766 0.054 251.2)
颜色转换
- HEX
- #9ab6d5
- RGB
- rgb(154 182 213)
- HSL
- hsl(212 41% 72%)
- HWB
- hwb(212 60% 16%)
- OKLCH
- oklch(0.766 0.054 251.2)
- OKLab
- oklab(0.766 -0.018 -0.051)
- CIE Lab
- lab(72.73 -4.58 -19.04)
- LCH
- lch(72.73 19.58 256.5)
- CMYK
- cmyk(28% 15% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- A4BDD9
- AEC4DE
- B8CCE2
- C2D3E6
- CCDAEA
- D6E1EE
- E0E9F3
- EAF0F7
- F5F8FB
深色调
- 859EB9
- 71869E
- 5E6F83
- 4B596A
- 394451
- 27303A
- 171D24
- 090C10
- 010202
灰色调
- 97B1CC
- 95ABC4
- 92A6BB
- 90A0B2
- 8D9BAA
- 8B95A1
- 889099
- 858B91
- 838588
配色和谐
互补色 +180°
- 9AB6D5
Blues White Shoes
- C9AE8E
≈ Spanish Sand
类似色 -30° +30°
- 9AB6D5
Blues White Shoes
- 8DBBCC
≈ Blue Echo
- ACB0D5
≈ Lavender Wash
三角配色 +120° +240°
- 9AB6D5
Blues White Shoes
- D3A5AA
≈ Foxy Lady
- A7BB97
≈ Ash Tree
分裂互补色 +150° +210°
- 9AB6D5
Blues White Shoes
- D2A899
≈ Pink Ginger
- BAB58D
≈ Coriander
四角配色 +90° +180° +270°
- 9AB6D5
Blues White Shoes
- CCA6BD
≈ Safflower Wisteria
- C9AE8E
≈ Spanish Sand
- 95BEA8
≈ Scenic View
对比度与无障碍
Ag
Fail白底
WCAG 2.09:1 · APCA Lc 41
Ag
AAA黑底
WCAG 10.02:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--blues-white-shoes: #9ab6d5;
--blues-white-shoes-rgb: 154 182 213;
--blues-white-shoes-oklch: oklch(0.766 0.054 251.2);
}
.element {
color: var(--blues-white-shoes);
background-color: hsl(212 41% 72%);
border-color: oklch(0.766 0.054 251.2);
}Tailwind CSS v4
@theme {
--color-blues-white-shoes: #9ab6d5;
--color-blues-white-shoes-50: #ebf6ff;
--color-blues-white-shoes-100: #dce9fa;
--color-blues-white-shoes-200: #c5d6ec;
--color-blues-white-shoes-300: #a4bad3;
--color-blues-white-shoes-400: #87a1be;
--color-blues-white-shoes-500: #6c89a9;
--color-blues-white-shoes-600: #5b748f;
--color-blues-white-shoes-700: #495d73;
--color-blues-white-shoes-800: #344455;
--color-blues-white-shoes-900: #232f3b;
--color-blues-white-shoes-950: #121c25;
}SCSS
$blues-white-shoes: #9ab6d5;
$blues-white-shoes-rgb: 154, 182, 213;
$blues-white-shoes-light: mix(#fff, $blues-white-shoes, 20%);
$blues-white-shoes-dark: mix(#000, $blues-white-shoes, 20%);
.element {
color: $blues-white-shoes;
box-shadow: 0 0 0 2px rgba($blues-white-shoes, 0.35);
}