最接近的命名颜色 · #B2B9FA
#B2B9FA
最接近的命名颜色: Purple Illusion
#B2B9FA（rgb(178 185 250)、hsl(234 88% 84%)、oklch(0.804 0.092 279.3)）最接近命名颜色 Purple Illusion。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B2B9FA
oklch(0.804 0.092 279.3)
颜色转换
- HEX
- #b2b9fa
- RGB
- rgb(178 185 250)
- HSL
- hsl(234 88% 84%)
- HWB
- hwb(234 70% 2%)
- OKLCH
- oklch(0.804 0.092 279.3)
- OKLab
- oklab(0.804 0.015 -0.091)
- CIE Lab
- lab(76.36 8.28 -33.27)
- LCH
- lch(76.36 34.29 284)
- CMYK
- cmyk(29% 26% 0% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- B9C0FB
- C1C7FC
- C8CEFC
- D0D5FD
- D8DCFE
- DFE3FE
- E7EAFE
- EFF1FF
- F7F8FF
深色调
- 9AA0D9
- 8389BA
- 6D719B
- 575B7D
- 434661
- 2F3146
- 1D1E2D
- 0C0D15
- 010203
灰色调
- ADB3ED
- A8AEE1
- A3A8D4
- 9DA2C8
- 989CBC
- 9397B0
- 8E91A4
- 8A8B98
- 85868C
配色和谐
互补色 +180°
- B2B9FA
Purple Illusion
- CDC07A
≈ Fresh Sprout
类似色 -30° +30°
- B2B9FA
Purple Illusion
- 90C4F8
≈ Sail to the Sea
- D1AFEC
≈ Teasel Dipsacus
三角配色 +120° +240°
- B2B9FA
Purple Illusion
- F3AB92
≈ Shishi Pink
- 89D2AA
≈ Pharaoh’s Jade
分裂互补色 +150° +210°
- B2B9FA
Purple Illusion
- E6B47D
≈ Stormeye
- ACCB8B
≈ Venerable Verde
四角配色 +90° +180° +270°
- B2B9FA
Purple Illusion
- F3A6B2
≈ Pink Fit
- CDC07A
≈ Fresh Sprout
- 72D2CB
≈ Hidden Sea Glass
对比度与无障碍
Ag
Fail白底
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.21:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--purple-illusion: #b2b9fa;
--purple-illusion-rgb: 178 185 250;
--purple-illusion-oklch: oklch(0.804 0.092 279.3);
}
.element {
color: var(--purple-illusion);
background-color: hsl(234 88% 84%);
border-color: oklch(0.804 0.092 279.3);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #b2b9fa;
--color-purple-illusion-50: #f0f3ff;
--color-purple-illusion-100: #e2e5ff;
--color-purple-illusion-200: #cdd0fc;
--color-purple-illusion-300: #afb2e6;
--color-purple-illusion-400: #9399d5;
--color-purple-illusion-500: #797fc2;
--color-purple-illusion-600: #676ca4;
--color-purple-illusion-700: #525684;
--color-purple-illusion-800: #3a3f62;
--color-purple-illusion-900: #282b45;
--color-purple-illusion-950: #16192d;
}SCSS
$purple-illusion: #b2b9fa;
$purple-illusion-rgb: 178, 185, 250;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}