Color con nombre más cercano · #8A4DCA
#8A4DCA
Color con nombre más cercano: Dreamscape Purple
#8A4DCA (rgb(138 77 202), hsl(269 54% 55%), oklch(0.552 0.188 303.2)) se parece más al color con nombre Dreamscape Purple. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8A4DCA
oklch(0.552 0.188 303.2)
Conversiones de color
- HEX
- #8a4dca
- RGB
- rgb(138 77 202)
- HSL
- hsl(269 54% 55%)
- HWB
- hwb(269 30% 21%)
- OKLCH
- oklch(0.552 0.188 303.2)
- OKLab
- oklab(0.552 0.103 -0.157)
- CIE Lab
- lab(45.02 44.31 -56.05)
- LCH
- lch(45.02 71.45 308.3)
- CMYK
- cmyk(32% 62% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- 9561D0
- A073D7
- AB85DD
- B796E2
- C2A8E8
- CEB9ED
- DACAF2
- E6DCF7
- F3EDFB
Sombras
- 7742AF
- 653795
- 532C7C
- 422264
- 32184D
- 220F37
- 140722
- 07020F
- 010002
Tonos
- 8954C3
- 885BBC
- 8761B5
- 8666AE
- 856BA7
- 84709F
- 837498
- 827890
- 817C88
Armonías de color
Complementario +180°
- 8A4DCA
Dreamscape Purple
- 637E00
≈ Birch Leaf Green
Análogo -30° +30°
- 8A4DCA
Dreamscape Purple
- 5262DE
≈ Arcane Brew
- AE3BA0
≈ Purple Cactus Flower
Triádico +120° +240°
- 8A4DCA
Dreamscape Purple
- A45F00
≈ Raw Umber
- 008578
≈ Mystic Turquoise
Complementario dividido +150° +210°
- 8A4DCA
Dreamscape Purple
- 897000
≈ Vermin Brown
- 008948
≈ The Wild Apothecary
Tetrádico +90° +180° +270°
- 8A4DCA
Dreamscape Purple
- C83617
≈ Harley Davidson Orange
- 637E00
≈ Birch Leaf Green
- 008094
≈ Craftsman Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.99:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--dreamscape-purple: #8a4dca;
--dreamscape-purple-rgb: 138 77 202;
--dreamscape-purple-oklch: oklch(0.552 0.188 303.2);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(269 54% 55%);
border-color: oklch(0.552 0.188 303.2);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #8a4dca;
--color-dreamscape-purple-50: #ffe8ff;
--color-dreamscape-purple-100: #f7d9ff;
--color-dreamscape-purple-200: #e7c0ff;
--color-dreamscape-purple-300: #ce9dff;
--color-dreamscape-purple-400: #b67ef8;
--color-dreamscape-purple-500: #a15dea;
--color-dreamscape-purple-600: #884fc5;
--color-dreamscape-purple-700: #6d3f9e;
--color-dreamscape-purple-800: #4f2e78;
--color-dreamscape-purple-900: #371f54;
--color-dreamscape-purple-950: #220e39;
}SCSS
$dreamscape-purple: #8a4dca;
$dreamscape-purple-rgb: 138, 77, 202;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}