Couleur nommée la plus proche · #913578
#913578
Couleur nommée la plus proche: Violet Vixen
#913578 (rgb(145 53 120), hsl(316 46% 39%), oklch(0.482 0.147 339.8)) est la plus proche de la couleur nommée Violet Vixen. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#913578
oklch(0.482 0.147 339.8)
Conversions de couleur
- HEX
- #913578
- RGB
- rgb(145 53 120)
- HSL
- hsl(316 46% 39%)
- HWB
- hwb(316 21% 43%)
- OKLCH
- oklch(0.482 0.147 339.8)
- OKLab
- oklab(0.482 0.138 -0.051)
- CIE Lab
- lab(37.83 45.05 -18.32)
- LCH
- lch(37.83 48.63 337.9)
- CMYK
- cmyk(0% 63% 17% 43%)
Teintes · Ombres · Tons
Teintes
- 9D4A85
- A95E92
- B5729F
- C086AD
- CB99BA
- D6ADC8
- E1C1D5
- EBD6E3
- F5EAF1
Ombres
- 7D2D67
- 6A2557
- 581D48
- 461539
- 350E2A
- 25081D
- 150310
- 070105
- 010001
Tons
- 903E79
- 90477A
- 8F4F7B
- 8D577C
- 8C5E7D
- 8A657D
- 886C7E
- 86737F
- 83797F
Harmonies de couleurs
Complémentaire +180°
- 913578
Violet Vixen
- 007048
≈ So-Sari
Analogue -30° +30°
- 913578
Violet Vixen
- 77419B
≈ Cadmium Violet
- 9F304B
≈ Crimson Strawberry
Triadique +120° +240°
- 913578
Violet Vixen
- 6C5F00
≈ Green Brown
- 006980
≈ Pilot Blue
Complémentaire divisée +150° +210°
- 913578
Violet Vixen
- 456C00
≈ Over the Hills
- 006D68
≈ Green Dragon
Tétradique +90° +180° +270°
- 913578
Violet Vixen
- 835200
≈ Intense Brown
- 007048
≈ So-Sari
- 0060A7
≈ Directoire Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.03:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.98:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--violet-vixen: #913578;
--violet-vixen-rgb: 145 53 120;
--violet-vixen-oklch: oklch(0.482 0.147 339.8);
}
.element {
color: var(--violet-vixen);
background-color: hsl(316 46% 39%);
border-color: oklch(0.482 0.147 339.8);
}Tailwind CSS v4
@theme {
--color-violet-vixen: #913578;
--color-violet-vixen-50: #ffe5ff;
--color-violet-vixen-100: #ffd5f6;
--color-violet-vixen-200: #ffbce6;
--color-violet-vixen-300: #eb99cd;
--color-violet-vixen-400: #d77aba;
--color-violet-vixen-500: #c359a5;
--color-violet-vixen-600: #a54c8b;
--color-violet-vixen-700: #843d6f;
--color-violet-vixen-800: #612b54;
--color-violet-vixen-900: #441d3b;
--color-violet-vixen-950: #2c0d25;
}SCSS
$violet-vixen: #913578;
$violet-vixen-rgb: 145, 53, 120;
$violet-vixen-light: mix(#fff, $violet-vixen, 20%);
$violet-vixen-dark: mix(#000, $violet-vixen, 20%);
.element {
color: $violet-vixen;
box-shadow: 0 0 0 2px rgba($violet-vixen, 0.35);
}