最接近的命名颜色 · #B9CBEC
#B9CBEC
最接近的命名颜色: Frost Fairy
#B9CBEC（rgb(185 203 236)、hsl(219 57% 83%)、oklch(0.839 0.05 262.6)）最接近命名颜色 Frost Fairy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B9CBEC
oklch(0.839 0.05 262.6)
颜色转换
- HEX
- #b9cbec
- RGB
- rgb(185 203 236)
- HSL
- hsl(219 57% 83%)
- HWB
- hwb(219 73% 7%)
- OKLCH
- oklch(0.839 0.05 262.6)
- OKLab
- oklab(0.839 -0.006 -0.05)
- CIE Lab
- lab(81.12 -1.08 -18.55)
- LCH
- lch(81.12 18.58 266.7)
- CMYK
- cmyk(22% 14% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- C0D0EE
- C7D5F0
- CEDBF2
- D5E0F4
- DCE5F6
- E3EAF8
- EAEFFA
- F1F5FB
- F8FAFD
深色调
- A0B0CD
- 8996AF
- 717D92
- 5B6576
- 464D5B
- 313742
- 1E2229
- 0D0F13
- 020203
灰色调
- B3C3E1
- ADBCD6
- A8B4CB
- A2ACC0
- 9CA5B5
- 969DAA
- 91969F
- 8B8F95
- 86878A
配色和谐
互补色 +180°
- B9CBEC
Frost Fairy
- DBC8A6
≈ Ancient Doeskin
类似色 -30° +30°
- B9CBEC
Frost Fairy
- AAD1E6
≈ Vive le Vent
- CBC5E9
≈ Soap
三角配色 +120° +240°
- B9CBEC
Frost Fairy
- EABEBB
≈ Bridal Bouquet
- B8D3B5
≈ Lime Taffy
分裂互补色 +150° +210°
- B9CBEC
Frost Fairy
- E6C2AD
≈ Marilyn Monroe
- CACEA9
≈ Baize Green
四角配色 +90° +180° +270°
- B9CBEC
Frost Fairy
- E6BDCD
≈ Pink Mist
- DBC8A6
≈ Ancient Doeskin
- AAD6C7
≈ Scud
对比度与无障碍
Ag
Fail白底
WCAG 1.63:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.81:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.81:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--frost-fairy: #b9cbec;
--frost-fairy-rgb: 185 203 236;
--frost-fairy-oklch: oklch(0.839 0.05 262.6);
}
.element {
color: var(--frost-fairy);
background-color: hsl(219 57% 83%);
border-color: oklch(0.839 0.05 262.6);
}Tailwind CSS v4
@theme {
--color-frost-fairy: #b9cbec;
--color-frost-fairy-50: #eef5ff;
--color-frost-fairy-100: #e0e8f9;
--color-frost-fairy-200: #cad5eb;
--color-frost-fairy-300: #abb8d2;
--color-frost-fairy-400: #8f9fbd;
--color-frost-fairy-500: #7487a8;
--color-frost-fairy-600: #63728e;
--color-frost-fairy-700: #4f5b72;
--color-frost-fairy-800: #384354;
--color-frost-fairy-900: #272e3b;
--color-frost-fairy-950: #151b25;
}SCSS
$frost-fairy: #b9cbec;
$frost-fairy-rgb: 185, 203, 236;
$frost-fairy-light: mix(#fff, $frost-fairy, 20%);
$frost-fairy-dark: mix(#000, $frost-fairy, 20%);
.element {
color: $frost-fairy;
box-shadow: 0 0 0 2px rgba($frost-fairy, 0.35);
}