命名颜色 · #B6DBE9
Chicago Blue
Chicago Blue 即 #B6DBE9：rgb(182 219 233)、hsl(196 54% 81%)、oklch(0.869 0.043 222.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Chicago Blue color name →
#B6DBE9
oklch(0.869 0.043 222.8)
颜色转换
- HEX
- #b6dbe9
- RGB
- rgb(182 219 233)
- HSL
- hsl(196 54% 81%)
- HWB
- hwb(196 71% 9%)
- OKLCH
- oklch(0.869 0.043 222.8)
- OKLab
- oklab(0.869 -0.032 -0.03)
- CIE Lab
- lab(85.06 -10.33 -11.14)
- LCH
- lch(85.06 15.19 227.2)
- CMYK
- cmyk(22% 6% 0% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- BDDFEB
- C5E2ED
- CCE6F0
- D3E9F2
- DBEDF4
- E2F1F6
- E9F4F8
- F0F8FB
- F8FBFD
深色调
- 9EBECB
- 86A2AD
- 6F8790
- 596D74
- 44545A
- 303C41
- 1D2629
- 0C1113
- 020203
灰色调
- B1D2DE
- ABC8D3
- A6BFC8
- A0B6BE
- 9BACB3
- 96A3A9
- 909A9E
- 8B9294
- 85898A
配色和谐
互补色 +180°
- B6DBE9
Chicago Blue
- EECBBE
≈ Salmon Tint
类似色 -30° +30°
- B6DBE9
Chicago Blue
- B4DEDC
≈ Minerva
- C0D6F1
≈ Mr. Glass
三角配色 +120° +240°
- B6DBE9
Chicago Blue
- E9C9DC
≈ Merry Pink
- D9D6B5
≈ Ghostly Green
分裂互补色 +150° +210°
- B6DBE9
Chicago Blue
- EFC9CC
≈ Salmon Flush
- E6D0B5
≈ Beachy Keen
四角配色 +90° +180° +270°
- B6DBE9
Chicago Blue
- DECCE9
≈ Pouf of Pink
- EECBBE
≈ Salmon Tint
- C9DBBE
≈ Bethany
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.29:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--chicago-blue: #b6dbe9;
--chicago-blue-rgb: 182 219 233;
--chicago-blue-oklch: oklch(0.869 0.043 222.8);
}
.element {
color: var(--chicago-blue);
background-color: hsl(196 54% 81%);
border-color: oklch(0.869 0.043 222.8);
}Tailwind CSS v4
@theme {
--color-chicago-blue: #b6dbe9;
--color-chicago-blue-50: #e9f8ff;
--color-chicago-blue-100: #d9ebf3;
--color-chicago-blue-200: #c1d9e2;
--color-chicago-blue-300: #a1bdc8;
--color-chicago-blue-400: #83a5b1;
--color-chicago-blue-500: #668d9b;
--color-chicago-blue-600: #577783;
--color-chicago-blue-700: #455f69;
--color-chicago-blue-800: #32464d;
--color-chicago-blue-900: #223036;
--color-chicago-blue-950: #111d21;
}SCSS
$chicago-blue: #b6dbe9;
$chicago-blue-rgb: 182, 219, 233;
$chicago-blue-light: mix(#fff, $chicago-blue, 20%);
$chicago-blue-dark: mix(#000, $chicago-blue, 20%);
.element {
color: $chicago-blue;
box-shadow: 0 0 0 2px rgba($chicago-blue, 0.35);
}