Cor nomeada · #B2BFD5
Movie Magic
Movie Magic é #B2BFD5: rgb(178 191 213), hsl(218 29% 77%), oklch(0.802 0.034 261). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Movie Magic color name →
#B2BFD5
oklch(0.802 0.034 261)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B9C5D9
- C1CCDD
- C9D2E2
- D0D8E6
- D8DFEA
- E0E5EE
- E7ECF2
- EFF2F7
- F7F8FB
Sombras
- 9AA6B9
- 838D9E
- 6D7583
- 575E6A
- 434851
- 2F333A
- 1D1F24
- 0C0D10
- 010202
Tons
- ADB9CC
- A8B2C3
- A3ACBB
- 9EA5B2
- 999FAA
- 9499A1
- 8F9299
- 8A8C90
- 858688
Harmonias de cor
Complementar +180°
- B2BFD5
Movie Magic
- CABCA6
≈ Downing Sand
Análoga -30° +30°
- B2BFD5
Movie Magic
- A9C3D1
≈ Ruffled Feathers
- BEBBD3
≈ Twilight Pearl
Tríade +120° +240°
- B2BFD5
Movie Magic
- D4B6B5
≈ Oyster Pink
- B3C4B0
≈ Zanah
Complementar dividida +150° +210°
- B2BFD5
Movie Magic
- D1B9AB
≈ Corkscrew Willow
- BFC1A8
≈ Sweet Clover
Tétrade +90° +180° +270°
- B2BFD5
Movie Magic
- D1B6C1
≈ Pink Pampas
- CABCA6
≈ Downing Sand
- A9C6BB
≈ Sparkling Lake
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.30:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
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);
}