最接近的命名颜色 · #B8B2CC
#B8B2CC
最接近的命名颜色: Fog Syringa
#B8B2CC（rgb(184 178 204)、hsl(254 20% 75%)、oklch(0.777 0.037 296.1)）最接近命名颜色 Fog Syringa。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B8B2CC
oklch(0.777 0.037 296.1)
颜色转换
- HEX
- #b8b2cc
- RGB
- rgb(184 178 204)
- HSL
- hsl(254 20% 75%)
- HWB
- hwb(254 70% 20%)
- OKLCH
- oklch(0.777 0.037 296.1)
- OKLab
- oklab(0.777 0.016 -0.033)
- CIE Lab
- lab(73.7 5.97 -12.43)
- LCH
- lch(73.7 13.79 295.7)
- CMYK
- cmyk(10% 13% 0% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- BFB9D1
- C6C1D6
- CDC9DB
- D4D0E0
- DBD8E5
- E2E0EB
- E9E7F0
- F0EFF5
- F8F7FA
深色调
- A09AB1
- 888397
- 716D7E
- 5B5765
- 45434E
- 312F37
- 1E1D22
- 0C0C0F
- 020102
灰色调
- B2ADC4
- ACA8BC
- A7A3B5
- A19EAD
- 9C99A5
- 96949E
- 908F96
- 8B8A8F
- 858587
配色和谐
互补色 +180°
- B8B2CC
Fog Syringa
- B5BA9F
≈ Tickled Crow
类似色 -30° +30°
- B8B2CC
Fog Syringa
- ABB6CF
≈ Minuet
- C3AFC3
≈ Lavish Lavender
三角配色 +120° +240°
- B8B2CC
Fog Syringa
- CAB1A0
≈ Familiar Beige
- 9EBFB5
≈ Shadow Green
分裂互补色 +150° +210°
- B8B2CC
Fog Syringa
- C1B59C
≈ Windsor Greige
- A8BDA9
≈ Bryophyte
四角配色 +90° +180° +270°
- B8B2CC
Fog Syringa
- CDAEAA
≈ Lacey
- B5BA9F
≈ Tickled Crow
- 9CBEC2
≈ Warm Breezes
对比度与无障碍
Ag
Fail白底
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.27:1 · APCA Lc 63
最佳文字颜色: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
代码片段
CSS
:root {
--fog-syringa: #b8b2cc;
--fog-syringa-rgb: 184 178 204;
--fog-syringa-oklch: oklch(0.777 0.037 296.1);
}
.element {
color: var(--fog-syringa);
background-color: hsl(254 20% 75%);
border-color: oklch(0.777 0.037 296.1);
}Tailwind CSS v4
@theme {
--color-fog-syringa: #b8b2cc;
--color-fog-syringa-50: #f6f3ff;
--color-fog-syringa-100: #e9e5f3;
--color-fog-syringa-200: #d6d1e2;
--color-fog-syringa-300: #b9b4c8;
--color-fog-syringa-400: #a09ab2;
--color-fog-syringa-500: #88829d;
--color-fog-syringa-600: #736e84;
--color-fog-syringa-700: #5c586a;
--color-fog-syringa-800: #43404e;
--color-fog-syringa-900: #2e2c36;
--color-fog-syringa-950: #1b1921;
}SCSS
$fog-syringa: #b8b2cc;
$fog-syringa-rgb: 184, 178, 204;
$fog-syringa-light: mix(#fff, $fog-syringa, 20%);
$fog-syringa-dark: mix(#000, $fog-syringa, 20%);
.element {
color: $fog-syringa;
box-shadow: 0 0 0 2px rgba($fog-syringa, 0.35);
}