Color con nombre más cercano · #ACA2E3
#ACA2E3
Color con nombre más cercano: Violet Velvet
#ACA2E3 (rgb(172 162 227), hsl(249 54% 76%), oklch(0.744 0.093 291)) se parece más al color con nombre Violet Velvet. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ACA2E3
oklch(0.744 0.093 291)
Conversiones de color
- HEX
- #aca2e3
- RGB
- rgb(172 162 227)
- HSL
- hsl(249 54% 76%)
- HWB
- hwb(249 64% 11%)
- OKLCH
- oklch(0.744 0.093 291)
- OKLab
- oklab(0.744 0.033 -0.087)
- CIE Lab
- lab(69.28 14.09 -31.74)
- LCH
- lch(69.28 34.73 293.9)
- CMYK
- cmyk(24% 29% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- B4ABE6
- BCB4E9
- C4BEEC
- CCC7EF
- D4D0F2
- DDDAF5
- E5E3F8
- EEECFA
- F6F6FD
Sombras
- 958CC5
- 7F77A8
- 69638C
- 544F71
- 403C57
- 2D2A3F
- 1B1927
- 0B0A12
- 010103
Tonos
- A79FD9
- A39BCF
- 9E98C5
- 9A95BB
- 9591B1
- 918EA7
- 8D8A9D
- 888794
- 84848A
Armonías de color
Complementario +180°
- ACA2E3
Violet Velvet
- AEB26B
≈ Rodham
Análogo -30° +30°
- ACA2E3
Violet Velvet
- 8BADE7
≈ Queer Blue
- C799D0
≈ Mauve Mist
Triádico +120° +240°
- ACA2E3
Violet Velvet
- DC9B76
≈ Totally Toffee
- 6AC0A4
≈ Spearmint
Complementario dividido +150° +210°
- ACA2E3
Violet Velvet
- CAA666
≈ Wild Mustard Seed
- 8CBB84
≈ Green Masquerade
Tetrádico +90° +180° +270°
- ACA2E3
Violet Velvet
- E19493
≈ Salmon Pink Red
- AEB26B
≈ Rodham
- 5ABEC4
≈ Pharaoh’s Seas
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 9.03:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--violet-velvet: #aca2e3;
--violet-velvet-rgb: 172 162 227;
--violet-velvet-oklch: oklch(0.744 0.093 291);
}
.element {
color: var(--violet-velvet);
background-color: hsl(249 54% 76%);
border-color: oklch(0.744 0.093 291);
}Tailwind CSS v4
@theme {
--color-violet-velvet: #aca2e3;
--color-violet-velvet-50: #f6f1ff;
--color-violet-velvet-100: #e8e3ff;
--color-violet-velvet-200: #d5cdf9;
--color-violet-velvet-300: #b9afe3;
--color-violet-velvet-400: #9e95d2;
--color-violet-velvet-500: #867bbf;
--color-violet-velvet-600: #7268a1;
--color-violet-velvet-700: #5b5382;
--color-violet-velvet-800: #413d61;
--color-violet-velvet-900: #2d2a44;
--color-violet-velvet-950: #1a172c;
}SCSS
$violet-velvet: #aca2e3;
$violet-velvet-rgb: 172, 162, 227;
$violet-velvet-light: mix(#fff, $violet-velvet, 20%);
$violet-velvet-dark: mix(#000, $violet-velvet, 20%);
.element {
color: $violet-velvet;
box-shadow: 0 0 0 2px rgba($violet-velvet, 0.35);
}