Colore con nome più vicino · #A856B2
#A856B2
Colore con nome più vicino: Fuchsia Pheromone
#A856B2 (rgb(168 86 178), hsl(293 37% 52%), oklch(0.586 0.16 323.1)) è più vicino al colore con nome Fuchsia Pheromone. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A856B2
oklch(0.586 0.16 323.1)
Conversioni di colore
- HEX
- #a856b2
- RGB
- rgb(168 86 178)
- HSL
- hsl(293 37% 52%)
- HWB
- hwb(293 34% 30%)
- OKLCH
- oklch(0.586 0.16 323.1)
- OKLab
- oklab(0.586 0.128 -0.096)
- CIE Lab
- lab(49.6 44.48 -34.62)
- LCH
- lch(49.6 56.36 322.1)
- CMYK
- cmyk(6% 52% 0% 30%)
Tinte · Ombre · Toni
Tinte
- B168BA
- BA79C2
- C389CA
- CC9AD2
- D5ABDA
- DEBBE1
- E6CCE9
- EFDDF0
- F7EEF8
Ombre
- 924A9A
- 7C3E83
- 67326D
- 522757
- 3F1C43
- 2C122F
- 1A081D
- 0A020C
- 010001
Toni
- A45BAD
- A161A8
- 9D65A4
- 996A9F
- 956E9A
- 917295
- 8D7690
- 89798B
- 857D85
Armonie di colore
Complementare +180°
- A856B2
Fuchsia Pheromone
- 349334
≈ Putting Green
Analogo -30° +30°
- A856B2
Fuchsia Pheromone
- 8265D1
≈ C64 Purple
- C04C84
≈ Nail Polish Pink
Triadico +120° +240°
- A856B2
Fuchsia Pheromone
- 9E7400
≈ Barbarian Leather
- 008D97
≈ Tempo Teal
Complementare divisa +150° +210°
- A856B2
Fuchsia Pheromone
- 7D8400
≈ Elwynn Forest Olive
- 009176
≈ Dòu Lǜ Green
Tetradico +90° +180° +270°
- A856B2
Fuchsia Pheromone
- BE5E00
≈ Dry Clay
- 349334
≈ Putting Green
- 0087B8
≈ Mermaid Dreams
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.52:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--fuchsia-pheromone: #a856b2;
--fuchsia-pheromone-rgb: 168 86 178;
--fuchsia-pheromone-oklch: oklch(0.586 0.16 323.1);
}
.element {
color: var(--fuchsia-pheromone);
background-color: hsl(293 37% 52%);
border-color: oklch(0.586 0.16 323.1);
}Tailwind CSS v4
@theme {
--color-fuchsia-pheromone: #a856b2;
--color-fuchsia-pheromone-50: #ffe6ff;
--color-fuchsia-pheromone-100: #ffd6ff;
--color-fuchsia-pheromone-200: #f8bdfa;
--color-fuchsia-pheromone-300: #e19ae4;
--color-fuchsia-pheromone-400: #cb7bd4;
--color-fuchsia-pheromone-500: #b75bc2;
--color-fuchsia-pheromone-600: #9a4ea4;
--color-fuchsia-pheromone-700: #7c3e84;
--color-fuchsia-pheromone-800: #5b2d63;
--color-fuchsia-pheromone-900: #3f1e46;
--color-fuchsia-pheromone-950: #280d2d;
}SCSS
$fuchsia-pheromone: #a856b2;
$fuchsia-pheromone-rgb: 168, 86, 178;
$fuchsia-pheromone-light: mix(#fff, $fuchsia-pheromone, 20%);
$fuchsia-pheromone-dark: mix(#000, $fuchsia-pheromone, 20%);
.element {
color: $fuchsia-pheromone;
box-shadow: 0 0 0 2px rgba($fuchsia-pheromone, 0.35);
}