Colore con nome · #64338B
Violet Magician
Violet Magician è #64338B: rgb(100 51 139), hsl(273 46% 37%), oklch(0.428 0.143 307). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Violet Magician color name →
#64338B
oklch(0.428 0.143 307)
Conversioni di colore
- HEX
- #64338b
- RGB
- rgb(100 51 139)
- HSL
- hsl(273 46% 37%)
- HWB
- hwb(273 20% 45%)
- OKLCH
- oklch(0.428 0.143 307)
- OKLab
- oklab(0.428 0.086 -0.115)
- CIE Lab
- lab(31.29 35.14 -40.92)
- LCH
- lch(31.29 53.94 310.7)
- CMYK
- cmyk(28% 63% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 724897
- 815CA3
- 906FAF
- 9F83BB
- AE97C6
- BEABD2
- CEC0DD
- DED5E9
- EEEAF4
Ombre
- 562B78
- 482366
- 3B1C54
- 2E1443
- 220D32
- 160723
- 0B0314
- 030107
- 000001
Toni
- 673C8B
- 6A458A
- 6C4D89
- 6F5589
- 725C88
- 756386
- 786B85
- 7A7284
- 7D7982
Armonie di colore
Complementare +180°
- 64338B
Violet Magician
- 3F5900
≈ Lustrian Undergrowth
Analogo -30° +30°
- 64338B
Violet Magician
- 3E429B
≈ Galaxy Express
- 7D276B
≈ Grape Juice
Triadico +120° +240°
- 64338B
Violet Magician
- 714300
≈ Bloodtracker Brown
- 005C56
≈ Tidal Pool
Complementare divisa +150° +210°
- 64338B
Violet Magician
- 5D4F00
≈ Scorzonera Brown
- 005F38
≈ Spruce
Tetradico +90° +180° +270°
- 64338B
Violet Magician
- 8C2600
≈ Bloodline
- 3F5900
≈ Lustrian Undergrowth
- 00596A
≈ Oceanside
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.79:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.38:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--violet-magician: #64338b;
--violet-magician-rgb: 100 51 139;
--violet-magician-oklch: oklch(0.428 0.143 307);
}
.element {
color: var(--violet-magician);
background-color: hsl(273 46% 37%);
border-color: oklch(0.428 0.143 307);
}Tailwind CSS v4
@theme {
--color-violet-magician: #64338b;
--color-violet-magician-50: #ffebff;
--color-violet-magician-100: #f6dcff;
--color-violet-magician-200: #e6c4ff;
--color-violet-magician-300: #cda3ef;
--color-violet-magician-400: #b586e0;
--color-violet-magician-500: #9f68cf;
--color-violet-magician-600: #8759af;
--color-violet-magician-700: #6c478c;
--color-violet-magician-800: #4e346a;
--color-violet-magician-900: #36234a;
--color-violet-magician-950: #211231;
}SCSS
$violet-magician: #64338b;
$violet-magician-rgb: 100, 51, 139;
$violet-magician-light: mix(#fff, $violet-magician, 20%);
$violet-magician-dark: mix(#000, $violet-magician, 20%);
.element {
color: $violet-magician;
box-shadow: 0 0 0 2px rgba($violet-magician, 0.35);
}