Color con nombre más cercano · #984EEE
#984EEE
Color con nombre más cercano: Orion Nebula
#984EEE (rgb(152 78 238), hsl(268 82% 62%), oklch(0.594 0.229 300.8)) se parece más al color con nombre Orion Nebula. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#984EEE
oklch(0.594 0.229 300.8)
Conversiones de color
- HEX
- #984eee
- RGB
- rgb(152 78 238)
- HSL
- hsl(268 82% 62%)
- HWB
- hwb(268 31% 7%)
- OKLCH
- oklch(0.594 0.229 300.8)
- OKLab
- oklab(0.594 0.117 -0.196)
- CIE Lab
- lab(49.04 54.08 -69.91)
- LCH
- lch(49.04 88.38 307.7)
- CMYK
- cmyk(36% 67% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- A163F1
- AB77F4
- B589F7
- BF9AF9
- C9ACFB
- D3BCFD
- DECDFE
- E9DEFF
- F4EEFF
Sombras
- 8443CF
- 7038B1
- 5C2D93
- 4A2377
- 38195C
- 270F42
- 17072A
- 080214
- 010003
Tonos
- 9556E3
- 935ED9
- 9064CE
- 8D69C3
- 8B6EB9
- 8972AE
- 8676A3
- 847A97
- 827D8C
Armonías de color
Complementario +180°
- 984EEE
Orion Nebula
- 738A00
≈ Canopy
Análogo -30° +30°
- 984EEE
Orion Nebula
- 526BFF
≈ Blue Heath Butterfly
- C535BC
≈ Purple Pink
Triádico +120° +240°
- 984EEE
Orion Nebula
- B86700
≈ Brown Orange
- 009382
≈ Silk Sari
Complementario dividido +150° +210°
- 984EEE
Orion Nebula
- 9A7B00
≈ Cerignola Olive
- 009848
≈ Luscious Green
Tetrádico +90° +180° +270°
- 984EEE
Orion Nebula
- E72309
≈ Lust
- 738A00
≈ Canopy
- 008EA1
≈ Parrot Flight
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.65:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--orion-nebula: #984eee;
--orion-nebula-rgb: 152 78 238;
--orion-nebula-oklch: oklch(0.594 0.229 300.8);
}
.element {
color: var(--orion-nebula);
background-color: hsl(268 82% 62%);
border-color: oklch(0.594 0.229 300.8);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #984eee;
--color-orion-nebula-50: #ffe6ff;
--color-orion-nebula-100: #f7d6ff;
--color-orion-nebula-200: #e8bbff;
--color-orion-nebula-300: #cf97ff;
--color-orion-nebula-400: #b775ff;
--color-orion-nebula-500: #a34dff;
--color-orion-nebula-600: #8943d9;
--color-orion-nebula-700: #6e36af;
--color-orion-nebula-800: #4f2784;
--color-orion-nebula-900: #371a5e;
--color-orion-nebula-950: #220940;
}SCSS
$orion-nebula: #984eee;
$orion-nebula-rgb: 152, 78, 238;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}