لون مسمّى · #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);
}