Couleur nommée la plus proche · #975BA2
#975BA2
Couleur nommée la plus proche: Vicious Violet
#975BA2 (rgb(151 91 162), hsl(291 28% 50%), oklch(0.565 0.125 321.2)) est la plus proche de la couleur nommée Vicious Violet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#975BA2
oklch(0.565 0.125 321.2)
Conversions de couleur
- HEX
- #975ba2
- RGB
- rgb(151 91 162)
- HSL
- hsl(291 28% 50%)
- HWB
- hwb(291 36% 36%)
- OKLCH
- oklch(0.565 0.125 321.2)
- OKLab
- oklab(0.565 0.097 -0.078)
- CIE Lab
- lab(47.72 34.04 -28.38)
- LCH
- lch(47.72 44.32 320.2)
- CMYK
- cmyk(7% 44% 0% 36%)
Teintes · Ombres · Tons
Teintes
- A26BAB
- AC7BB5
- B68BBE
- C19BC8
- CBACD1
- D6BCDA
- E0CCE3
- EADDED
- F5EEF6
Ombres
- 834E8C
- 6F4177
- 5C3563
- 49294F
- 371E3C
- 26132A
- 170919
- 08030A
- 010001
Tons
- 955F9F
- 93649C
- 916798
- 8F6B95
- 8C6F92
- 8A738E
- 88768B
- 857987
- 837D84
Harmonies de couleurs
Complémentaire +180°
- 975BA2
Vicious Violet
- 48883F
≈ Level Up
Analogue -30° +30°
- 975BA2
Vicious Violet
- 7767B9
≈ Ultra Violet
- AC547F
≈ Guppy Violet
Triadique +120° +240°
- 975BA2
Vicious Violet
- 986D00
≈ Chamois Yellow
- 00868D
≈ Totally Teal
Complémentaire divisée +150° +210°
- 975BA2
Vicious Violet
- 797C00
≈ Flag Green
- 008A6D
≈ Carolina Green
Tétradique +90° +180° +270°
- 975BA2
Vicious Violet
- AE5D26
≈ Plaguelands Hazel
- 48883F
≈ Level Up
- 0081AD
≈ Tusche Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.84:1 · APCA Lc 73
Ag
FailSur noir
WCAG 4.33:1 · APCA Lc 28
Meilleure couleur de texte: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--vicious-violet: #975ba2;
--vicious-violet-rgb: 151 91 162;
--vicious-violet-oklch: oklch(0.565 0.125 321.2);
}
.element {
color: var(--vicious-violet);
background-color: hsl(291 28% 50%);
border-color: oklch(0.565 0.125 321.2);
}Tailwind CSS v4
@theme {
--color-vicious-violet: #975ba2;
--color-vicious-violet-50: #ffeaff;
--color-vicious-violet-100: #fddbff;
--color-vicious-violet-200: #efc3f3;
--color-vicious-violet-300: #d7a2dc;
--color-vicious-violet-400: #c085cb;
--color-vicious-violet-500: #ab68b8;
--color-vicious-violet-600: #91589b;
--color-vicious-violet-700: #74467c;
--color-vicious-violet-800: #55335d;
--color-vicious-violet-900: #3b2341;
--color-vicious-violet-950: #25112a;
}SCSS
$vicious-violet: #975ba2;
$vicious-violet-rgb: 151, 91, 162;
$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);
}