Colore con nome più vicino · #641C9D
#641C9D
Colore con nome più vicino: Wild Violet
#641C9D (rgb(100 28 157), hsl(273 70% 36%), oklch(0.416 0.191 304.1)) è più vicino al colore con nome Wild Violet. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#641C9D
oklch(0.416 0.191 304.1)
Conversioni di colore
- HEX
- #641c9d
- RGB
- rgb(100 28 157)
- HSL
- hsl(273 70% 36%)
- HWB
- hwb(273 11% 38%)
- OKLCH
- oklch(0.416 0.191 304.1)
- OKLab
- oklab(0.416 0.107 -0.158)
- CIE Lab
- lab(28.67 48.67 -56.16)
- LCH
- lch(28.67 74.32 310.9)
- CMYK
- cmyk(36% 82% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 7239A8
- 8051B3
- 8F67BD
- 9E7DC7
- AE92D1
- BDA7DB
- CDBDE4
- DED3EE
- EEE9F6
Ombre
- 561788
- 481273
- 3B0D5F
- 2E084C
- 22053A
- 160228
- 0B0118
- 030009
- 000001
Toni
- 672C9B
- 693999
- 6C4497
- 6F4E94
- 715792
- 745F8F
- 77688B
- 7A7088
- 7D7884
Armonie di colore
Complementare +180°
- 641C9D
Wild Violet
- 405500
≈ Highlands Moss
Analogo -30° +30°
- 641C9D
Wild Violet
- 3334B0
≈ Blue Cardinal Flower
- 810074
≈ Patriarch
Triadico +120° +240°
- 641C9D
Wild Violet
- 6E3F00
≈ Bloodtracker Brown
- 005950
≈ Baltic Prince
Complementare divisa +150° +210°
- 641C9D
Wild Violet
- 5B4A00
≈ Scorzonera Brown
- 005C30
≈ Sombre Green
Tetradico +90° +180° +270°
- 641C9D
Wild Violet
- 8B1D00
≈ Bloodline
- 405500
≈ Highlands Moss
- 005664
≈ Abyssal Waters
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.56:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.19:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--wild-violet: #641c9d;
--wild-violet-rgb: 100 28 157;
--wild-violet-oklch: oklch(0.416 0.191 304.1);
}
.element {
color: var(--wild-violet);
background-color: hsl(273 70% 36%);
border-color: oklch(0.416 0.191 304.1);
}Tailwind CSS v4
@theme {
--color-wild-violet: #641c9d;
--color-wild-violet-50: #ffe8ff;
--color-wild-violet-100: #f8d8ff;
--color-wild-violet-200: #e8bfff;
--color-wild-violet-300: #d09cff;
--color-wild-violet-400: #b87df8;
--color-wild-violet-500: #a35bea;
--color-wild-violet-600: #8a4ec5;
--color-wild-violet-700: #6e3e9f;
--color-wild-violet-800: #502d78;
--color-wild-violet-900: #371f55;
--color-wild-violet-950: #220d39;
}SCSS
$wild-violet: #641c9d;
$wild-violet-rgb: 100, 28, 157;
$wild-violet-light: mix(#fff, $wild-violet, 20%);
$wild-violet-dark: mix(#000, $wild-violet, 20%);
.element {
color: $wild-violet;
box-shadow: 0 0 0 2px rgba($wild-violet, 0.35);
}