Colore con nome più vicino · #8A4DCA
#8A4DCA
Colore con nome più vicino: Dreamscape Purple
#8A4DCA (rgb(138 77 202), hsl(269 54% 55%), oklch(0.552 0.188 303.2)) è più vicino al colore con nome Dreamscape Purple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8A4DCA
oklch(0.552 0.188 303.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9561D0
- A073D7
- AB85DD
- B796E2
- C2A8E8
- CEB9ED
- DACAF2
- E6DCF7
- F3EDFB
Ombre
- 7742AF
- 653795
- 532C7C
- 422264
- 32184D
- 220F37
- 140722
- 07020F
- 010002
Toni
- 8954C3
- 885BBC
- 8761B5
- 8666AE
- 856BA7
- 84709F
- 837498
- 827890
- 817C88
Armonie di colore
Complementare +180°
- 8A4DCA
Dreamscape Purple
- 637E00
≈ Birch Leaf Green
Analogo -30° +30°
- 8A4DCA
Dreamscape Purple
- 5262DE
≈ Arcane Brew
- AE3BA0
≈ Purple Cactus Flower
Triadico +120° +240°
- 8A4DCA
Dreamscape Purple
- A45F00
≈ Raw Umber
- 008578
≈ Mystic Turquoise
Complementare divisa +150° +210°
- 8A4DCA
Dreamscape Purple
- 897000
≈ Vermin Brown
- 008948
≈ The Wild Apothecary
Tetradico +90° +180° +270°
- 8A4DCA
Dreamscape Purple
- C83617
≈ Harley Davidson Orange
- 637E00
≈ Birch Leaf Green
- 008094
≈ Craftsman Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
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);
}