Couleur nommée la plus proche · #7A3671
#7A3671
Couleur nommée la plus proche: Violet Vixen
#7A3671 (rgb(122 54 113), hsl(308 39% 35%), oklch(0.446 0.122 332.7)) 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.
#7A3671
oklch(0.446 0.122 332.7)
Conversions de couleur
- HEX
- #7a3671
- RGB
- rgb(122 54 113)
- HSL
- hsl(308 39% 35%)
- HWB
- hwb(308 21% 52%)
- OKLCH
- oklch(0.446 0.122 332.7)
- OKLab
- oklab(0.446 0.109 -0.056)
- CIE Lab
- lab(33.93 36.26 -20.3)
- LCH
- lch(33.93 41.56 330.8)
- CMYK
- cmyk(0% 56% 7% 52%)
Teintes · Ombres · Tons
Teintes
- 884A7F
- 955D8C
- A3709A
- B084A8
- BD98B6
- CBACC5
- D8C0D3
- E5D5E2
- F2EAF0
Ombres
- 692E61
- 592552
- 491E43
- 3A1635
- 2B0F27
- 1D081A
- 10030E
- 050104
- 010001
Tons
- 7B3E73
- 7D4674
- 7E4E76
- 7F5578
- 7F5D79
- 80647B
- 806B7C
- 80727D
- 80797F
Harmonies de couleurs
Complémentaire +180°
- 7A3671
Violet Vixen
- 006633
≈ Treasured Wilderness
Analogue -30° +30°
- 7A3671
Violet Vixen
- 62408B
≈ Lords of the Night
- 88314E
≈ Anemone
Triadique +120° +240°
- 7A3671
Violet Vixen
- 665200
≈ Olive Brown
- 005F6E
≈ Shaded Spruce
Complémentaire divisée +150° +210°
- 7A3671
Violet Vixen
- 495D00
≈ Kyuri Green
- 006258
≈ Dancing Peacock
Tétradique +90° +180° +270°
- 7A3671
Violet Vixen
- 7B4500
≈ Dusky Brown
- 006633
≈ Treasured Wilderness
- 00598A
≈ Sea Cave
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.09:1 · APCA Lc 88
Ag
FailSur noir
WCAG 2.59:1 · APCA Lc 15
Meilleure couleur de texte: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--violet-vixen: #7a3671;
--violet-vixen-rgb: 122 54 113;
--violet-vixen-oklch: oklch(0.446 0.122 332.7);
}
.element {
color: var(--violet-vixen);
background-color: hsl(308 39% 35%);
border-color: oklch(0.446 0.122 332.7);
}Tailwind CSS v4
@theme {
--color-violet-vixen: #7a3671;
--color-violet-vixen-50: #ffe9ff;
--color-violet-vixen-100: #ffd9f9;
--color-violet-vixen-200: #f6c1e9;
--color-violet-vixen-300: #dfa0d1;
--color-violet-vixen-400: #c982be;
--color-violet-vixen-500: #b565a9;
--color-violet-vixen-600: #99568f;
--color-violet-vixen-700: #7b4472;
--color-violet-vixen-800: #5a3156;
--color-violet-vixen-900: #3f223c;
--color-violet-vixen-950: #281126;
}SCSS
$violet-vixen: #7a3671;
$violet-vixen-rgb: 122, 54, 113;
$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);
}