Colore con nome più vicino · #A8819D
#A8819D
Colore con nome più vicino: Voila!
#A8819D (rgb(168 129 157), hsl(317 18% 58%), oklch(0.65 0.062 336.8)) è più vicino al colore con nome Voila!. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A8819D
oklch(0.65 0.062 336.8)
Conversioni di colore
- HEX
- #a8819d
- RGB
- rgb(168 129 157)
- HSL
- hsl(317 18% 58%)
- HWB
- hwb(317 51% 34%)
- OKLCH
- oklch(0.65 0.062 336.8)
- OKLab
- oklab(0.65 0.057 -0.024)
- CIE Lab
- lab(58.5 18.99 -8.95)
- LCH
- lch(58.5 21 334.8)
- CMYK
- cmyk(0% 23% 7% 34%)
Tinte · Ombre · Toni
Tinte
- B18DA6
- B999B0
- C2A5BA
- CBB2C3
- D3BECD
- DCCBD7
- E5D8E1
- EEE5EB
- F6F2F5
Ombre
- 926F88
- 7C5E73
- 674E5F
- 523E4C
- 3F2E3A
- 2C1F28
- 1A1218
- 0A0609
- 010101
Toni
- A4819A
- A08197
- 9C8194
- 988191
- 94818E
- 90818C
- 8C8189
- 888086
- 848083
Armonie di colore
Complementare +180°
- A8819D
Voila!
- 709B80
≈ Douglas Fir Green
Analogo -30° +30°
- A8819D
Voila!
- 9986AD
≈ Celeb City
- B18089
≈ Audrey’s Blush
Triadico +120° +240°
- A8819D
Voila!
- 9A9064
≈ Tate Olive
- 6299A8
≈ Pyjama Blue
Complementare divisa +150° +210°
- A8819D
Voila!
- 85966E
≈ Cactus Valley
- 629C95
≈ Soft Touch
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.33:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.29:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--voila: #a8819d;
--voila-rgb: 168 129 157;
--voila-oklch: oklch(0.65 0.062 336.8);
}
.element {
color: var(--voila);
background-color: hsl(317 18% 58%);
border-color: oklch(0.65 0.062 336.8);
}Tailwind CSS v4
@theme {
--color-voila: #a8819d;
--color-voila-50: #ffeffb;
--color-voila-100: #f7e0ef;
--color-voila-200: #e7cbdd;
--color-voila-300: #cdacc2;
--color-voila-400: #b791ac;
--color-voila-500: #a17795;
--color-voila-600: #88657e;
--color-voila-700: #6d5065;
--color-voila-800: #503a4b;
--color-voila-900: #382834;
--color-voila-950: #22161f;
}SCSS
$voila: #a8819d;
$voila-rgb: 168, 129, 157;
$voila-light: mix(#fff, $voila, 20%);
$voila-dark: mix(#000, $voila, 20%);
.element {
color: $voila;
box-shadow: 0 0 0 2px rgba($voila, 0.35);
}