最接近的命名颜色 · #BBC0EA
#BBC0EA
最接近的命名颜色: Stardust Evening
#BBC0EA（rgb(187 192 234)、hsl(234 53% 83%)、oklch(0.818 0.059 279.7)）最接近命名颜色 Stardust Evening。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BBC0EA
oklch(0.818 0.059 279.7)
颜色转换
- HEX
- #bbc0ea
- RGB
- rgb(187 192 234)
- HSL
- hsl(234 53% 83%)
- HWB
- hwb(234 73% 8%)
- OKLCH
- oklch(0.818 0.059 279.7)
- OKLab
- oklab(0.818 0.01 -0.058)
- CIE Lab
- lab(78.36 4.73 -21.6)
- LCH
- lch(78.36 22.12 282.4)
- CMYK
- cmyk(20% 18% 0% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- C2C6EC
- C8CCEF
- CFD3F1
- D6D9F3
- DCDFF5
- E3E6F7
- EAECF9
- F1F2FB
- F8F9FD
深色调
- A2A7CB
- 8A8EAE
- 737691
- 5C5F75
- 46495A
- 323441
- 1F2029
- 0D0E13
- 020203
灰色调
- B5B9DF
- AFB3D4
- A9ACC9
- A3A6BF
- 9DA0B4
- 9799A9
- 91939F
- 8B8D94
- 86868A
配色和谐
互补色 +180°
- BBC0EA
Stardust Evening
- CCC599
≈ Archisa
类似色 -30° +30°
- BBC0EA
Stardust Evening
- A7C7E9
≈ Island Light
- CFB9E1
≈ Drifting Dream
三角配色 +120° +240°
- BBC0EA
Stardust Evening
- E6B7A7
≈ Fall Leaf
- A3D0B6
≈ Feather Green
分裂互补色 +150° +210°
- BBC0EA
Stardust Evening
- DDBD9A
≈ Cane Sugar Glaze
- B7CCA3
≈ Gleam
四角配色 +90° +180° +270°
- BBC0EA
Stardust Evening
- E7B4BB
≈ Roseate Hues
- CCC599
≈ Archisa
- 97D0CC
≈ Clear Cove
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.84:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--stardust-evening: #bbc0ea;
--stardust-evening-rgb: 187 192 234;
--stardust-evening-oklch: oklch(0.818 0.059 279.7);
}
.element {
color: var(--stardust-evening);
background-color: hsl(234 53% 83%);
border-color: oklch(0.818 0.059 279.7);
}Tailwind CSS v4
@theme {
--color-stardust-evening: #bbc0ea;
--color-stardust-evening-50: #f2f4ff;
--color-stardust-evening-100: #e4e6fc;
--color-stardust-evening-200: #cfd2ee;
--color-stardust-evening-300: #b2b4d6;
--color-stardust-evening-400: #979bc2;
--color-stardust-evening-500: #7e82ad;
--color-stardust-evening-600: #6a6e92;
--color-stardust-evening-700: #555875;
--color-stardust-evening-800: #3d4157;
--color-stardust-evening-900: #2a2d3d;
--color-stardust-evening-950: #181a26;
}SCSS
$stardust-evening: #bbc0ea;
$stardust-evening-rgb: 187, 192, 234;
$stardust-evening-light: mix(#fff, $stardust-evening, 20%);
$stardust-evening-dark: mix(#000, $stardust-evening, 20%);
.element {
color: $stardust-evening;
box-shadow: 0 0 0 2px rgba($stardust-evening, 0.35);
}