Color con nombre más cercano · #8E96DA
#8E96DA
Color con nombre más cercano: Azureno
#8E96DA (rgb(142 150 218), hsl(234 51% 71%), oklch(0.693 0.1 278.3)) se parece más al color con nombre Azureno. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8E96DA
oklch(0.693 0.1 278.3)
Conversiones de color
- HEX
- #8e96da
- RGB
- rgb(142 150 218)
- HSL
- hsl(234 51% 71%)
- HWB
- hwb(234 56% 15%)
- OKLCH
- oklch(0.693 0.1 278.3)
- OKLab
- oklab(0.693 0.014 -0.099)
- CIE Lab
- lab(63.45 9.28 -36.01)
- LCH
- lch(63.45 37.19 284.5)
- CMYK
- cmyk(35% 31% 0% 15%)
Tintes · Sombras · Tonos
Tintes
- 99A0DE
- A3ABE2
- AEB5E6
- B9C0EA
- C5CAEE
- D0D5F2
- DCDFF5
- E7EAF8
- F3F4FC
Sombras
- 7B82BD
- 686EA2
- 565B87
- 44496C
- 343754
- 24263C
- 151625
- 070811
- 010102
Tonos
- 8C94D1
- 8B92C8
- 8A90BF
- 888EB6
- 878CAD
- 8589A4
- 84879B
- 838592
- 818289
Armonías de color
Complementario +180°
- 8E96DA
Azureno
- AD9D50
≈ Organic Matter
Análogo -30° +30°
- 8E96DA
Azureno
- 69A2D8
≈ Blue Gourami
- AE8BCC
≈ Middy’s Purple
Triádico +120° +240°
- 8E96DA
Azureno
- D2866E
≈ Rosy Pashmina
- 62AF85
≈ Elf Shoe
Complementario dividido +150° +210°
- 8E96DA
Azureno
- C59054
≈ Twine
- 8AA864
≈ Peeled Asparagus
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--azureno: #8e96da;
--azureno-rgb: 142 150 218;
--azureno-oklch: oklch(0.693 0.1 278.3);
}
.element {
color: var(--azureno);
background-color: hsl(234 51% 71%);
border-color: oklch(0.693 0.1 278.3);
}Tailwind CSS v4
@theme {
--color-azureno: #8e96da;
--color-azureno-50: #eff3ff;
--color-azureno-100: #e1e5ff;
--color-azureno-200: #cbd0ff;
--color-azureno-300: #adb2ea;
--color-azureno-400: #9199d9;
--color-azureno-500: #777fc8;
--color-azureno-600: #656ba8;
--color-azureno-700: #515687;
--color-azureno-800: #393f65;
--color-azureno-900: #272b47;
--color-azureno-950: #15182e;
}SCSS
$azureno: #8e96da;
$azureno-rgb: 142, 150, 218;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}