Cor nomeada · #BFC0EE
Vodka
Vodka é #BFC0EE: rgb(191 192 238), hsl(239 58% 84%), oklch(0.822 0.064 283.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Vodka color name →
#BFC0EE
oklch(0.822 0.064 283.9)
Conversões de cor
- HEX
- #bfc0ee
- RGB
- rgb(191 192 238)
- HSL
- hsl(239 58% 84%)
- HWB
- hwb(239 75% 7%)
- OKLCH
- oklch(0.822 0.064 283.9)
- OKLab
- oklab(0.822 0.015 -0.062)
- CIE Lab
- lab(78.79 6.72 -23.06)
- LCH
- lch(78.79 24.02 286.2)
- CMYK
- cmyk(20% 19% 0% 7%)
Tons claros · Sombras · Tons
Tons claros
- C5C6F0
- CBCDF2
- D2D3F4
- D8D9F5
- DEDFF7
- E5E6F9
- EBECFA
- F2F2FC
- F8F9FE
Sombras
- A6A7CF
- 8D8EB1
- 757693
- 5E5F77
- 48495C
- 333442
- 1F202A
- 0D0E14
- 020203
Tons
- B8B9E3
- B2B3D7
- ACACCC
- A5A6C1
- 9FA0B6
- 9999AB
- 9293A0
- 8C8D95
- 86868B
Harmonias de cor
Complementar +180°
- BFC0EE
Vodka
- CBC897
≈ Paris Mint
Análoga -30° +30°
- BFC0EE
Vodka
- A9C8EF
≈ Island Light
- D4B9E3
≈ Pretty Petunia
Tríade +120° +240°
- BFC0EE
Vodka
- EAB8A3
≈ Pink Abalone
- 9FD3BA
≈ Flowering Cactus
Complementar dividida +150° +210°
- BFC0EE
Vodka
- DEBF97
≈ Winter Wheat
- B4CFA4
≈ Apium
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.98:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--vodka: #bfc0ee;
--vodka-rgb: 191 192 238;
--vodka-oklch: oklch(0.822 0.064 283.9);
}
.element {
color: var(--vodka);
background-color: hsl(239 58% 84%);
border-color: oklch(0.822 0.064 283.9);
}Tailwind CSS v4
@theme {
--color-vodka: #bfc0ee;
--color-vodka-50: #f3f3ff;
--color-vodka-100: #e5e5fd;
--color-vodka-200: #d1d1ef;
--color-vodka-300: #b4b3d8;
--color-vodka-400: #999ac4;
--color-vodka-500: #8081b0;
--color-vodka-600: #6d6d95;
--color-vodka-700: #575777;
--color-vodka-800: #3f4058;
--color-vodka-900: #2b2c3e;
--color-vodka-950: #181927;
}SCSS
$vodka: #bfc0ee;
$vodka-rgb: 191, 192, 238;
$vodka-light: mix(#fff, $vodka, 20%);
$vodka-dark: mix(#000, $vodka, 20%);
.element {
color: $vodka;
box-shadow: 0 0 0 2px rgba($vodka, 0.35);
}