Colore con nome più vicino · #9451AA
#9451AA
Colore con nome più vicino: Vicious Violet
#9451AA (rgb(148 81 170), hsl(285 35% 49%), oklch(0.55 0.149 317.2)) è più vicino al colore con nome Vicious Violet. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9451AA
oklch(0.55 0.149 317.2)
Conversioni di colore
- HEX
- #9451aa
- RGB
- rgb(148 81 170)
- HSL
- hsl(285 35% 49%)
- HWB
- hwb(285 32% 33%)
- OKLCH
- oklch(0.55 0.149 317.2)
- OKLab
- oklab(0.55 0.11 -0.101)
- CIE Lab
- lab(45.53 39.53 -36.53)
- LCH
- lch(45.53 53.83 317.3)
- CMYK
- cmyk(13% 52% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 9F63B3
- AA74BC
- B485C5
- BF96CD
- CAA7D6
- D4B9DE
- DFCAE6
- EADCEF
- F4EDF7
Ombre
- 804593
- 6D3A7D
- 5A2F68
- 482453
- 361A3F
- 26102D
- 16071B
- 08020B
- 010001
Toni
- 9257A6
- 915CA2
- 8F619E
- 8D669A
- 8B6B96
- 896F92
- 87748E
- 857889
- 827C85
Armonie di colore
Complementare +180°
- 9451AA
Vicious Violet
- 42841F
≈ Fruitless Fig Tree
Analogo -30° +30°
- 9451AA
Vicious Violet
- 6E60C3
≈ Ultra Violet
- AD4782
≈ Mystic Maroon
Triadico +120° +240°
- 9451AA
Vicious Violet
- 966700
≈ Gamboge Brown
- 008285
≈ Fanfare
Complementare divisa +150° +210°
- 9451AA
Vicious Violet
- 7A7600
≈ Mongolian Plateau
- 008664
≈ Spectral Green
Tetradico +90° +180° +270°
- 9451AA
Vicious Violet
- B44F06
≈ Skrag Brown
- 42841F
≈ Fruitless Fig Tree
- 007DA2
≈ Bleu Ciel
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--vicious-violet: #9451aa;
--vicious-violet-rgb: 148 81 170;
--vicious-violet-oklch: oklch(0.55 0.149 317.2);
}
.element {
color: var(--vicious-violet);
background-color: hsl(285 35% 49%);
border-color: oklch(0.55 0.149 317.2);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #9451aa;
--color-vicious-violet-50: #ffe8ff;
--color-vicious-violet-100: #fed9ff;
--color-vicious-violet-200: #f0c0fd;
--color-vicious-violet-300: #d99ee8;
--color-vicious-violet-400: #c280d8;
--color-vicious-violet-500: #ad62c6;
--color-vicious-violet-600: #9253a7;
--color-vicious-violet-700: #754286;
--color-vicious-violet-800: #563065;
--color-vicious-violet-900: #3c2147;
--color-vicious-violet-950: #25102e;
}SCSS
$vicious-violet: #9451aa;
$vicious-violet-rgb: 148, 81, 170;
$vicious-violet-light: mix(#fff, $vicious-violet, 20%);
$vicious-violet-dark: mix(#000, $vicious-violet, 20%);
.element {
color: $vicious-violet;
box-shadow: 0 0 0 2px rgba($vicious-violet, 0.35);
}