命名颜色 · #B2BFD5
Movie Magic
Movie Magic 即 #B2BFD5：rgb(178 191 213)、hsl(218 29% 77%)、oklch(0.802 0.034 261)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Movie Magic color name →
#B2BFD5
oklch(0.802 0.034 261)
颜色转换
- HEX
- #b2bfd5
- RGB
- rgb(178 191 213)
- HSL
- hsl(218 29% 77%)
- HWB
- hwb(218 70% 16%)
- OKLCH
- oklch(0.802 0.034 261)
- OKLab
- oklab(0.802 -0.005 -0.034)
- CIE Lab
- lab(76.85 -1.24 -12.68)
- LCH
- lch(76.85 12.74 264.4)
- CMYK
- cmyk(16% 10% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- B9C5D9
- C1CCDD
- C9D2E2
- D0D8E6
- D8DFEA
- E0E5EE
- E7ECF2
- EFF2F7
- F7F8FB
深色调
- 9AA6B9
- 838D9E
- 6D7583
- 575E6A
- 434851
- 2F333A
- 1D1F24
- 0C0D10
- 010202
灰色调
- ADB9CC
- A8B2C3
- A3ACBB
- 9EA5B2
- 999FAA
- 9499A1
- 8F9299
- 8A8C90
- 858688
配色和谐
互补色 +180°
- B2BFD5
Movie Magic
- CABCA6
≈ Downing Sand
类似色 -30° +30°
- B2BFD5
Movie Magic
- A9C3D1
≈ Ruffled Feathers
- BEBBD3
≈ Twilight Pearl
三角配色 +120° +240°
- B2BFD5
Movie Magic
- D4B6B5
≈ Oyster Pink
- B3C4B0
≈ Zanah
分裂互补色 +150° +210°
- B2BFD5
Movie Magic
- D1B9AB
≈ Corkscrew Willow
- BFC1A8
≈ Sweet Clover
四角配色 +90° +180° +270°
- B2BFD5
Movie Magic
- D1B6C1
≈ Pink Pampas
- CABCA6
≈ Downing Sand
- A9C6BB
≈ Sparkling Lake
对比度与无障碍
Ag
Fail白底
WCAG 1.85:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.30:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--movie-magic: #b2bfd5;
--movie-magic-rgb: 178 191 213;
--movie-magic-oklch: oklch(0.802 0.034 261);
}
.element {
color: var(--movie-magic);
background-color: hsl(218 29% 77%);
border-color: oklch(0.802 0.034 261);
}Tailwind CSS v4
@theme {
--color-movie-magic: #b2bfd5;
--color-movie-magic-50: #f0f5ff;
--color-movie-magic-100: #e2e8f4;
--color-movie-magic-200: #cdd5e3;
--color-movie-magic-300: #aeb8ca;
--color-movie-magic-400: #939fb3;
--color-movie-magic-500: #79879d;
--color-movie-magic-600: #677285;
--color-movie-magic-700: #525b6b;
--color-movie-magic-800: #3b434e;
--color-movie-magic-900: #292e37;
--color-movie-magic-950: #171b21;
}SCSS
$movie-magic: #b2bfd5;
$movie-magic-rgb: 178, 191, 213;
$movie-magic-light: mix(#fff, $movie-magic, 20%);
$movie-magic-dark: mix(#000, $movie-magic, 20%);
.element {
color: $movie-magic;
box-shadow: 0 0 0 2px rgba($movie-magic, 0.35);
}