Colore con nome più vicino · #AC56A8
#AC56A8
Colore con nome più vicino: Magenta Memoir
#AC56A8 (rgb(172 86 168), hsl(303 34% 51%), oklch(0.587 0.153 329.1)) è più vicino al colore con nome Magenta Memoir. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AC56A8
oklch(0.587 0.153 329.1)
Conversioni di colore
- HEX
- #ac56a8
- RGB
- rgb(172 86 168)
- HSL
- hsl(303 34% 51%)
- HWB
- hwb(303 34% 33%)
- OKLCH
- oklch(0.587 0.153 329.1)
- OKLab
- oklab(0.587 0.131 -0.079)
- CIE Lab
- lab(49.77 44.34 -28.46)
- LCH
- lch(49.77 52.69 327.3)
- CMYK
- cmyk(0% 50% 2% 33%)
Tinte · Ombre · Toni
Tinte
- B567B1
- BE78BA
- C789C2
- CF9ACB
- D8AAD4
- E0BBDD
- E8CCE5
- F0DDEE
- F7EEF6
Ombre
- 954A92
- 7F3E7C
- 693267
- 542752
- 401C3F
- 2D122C
- 1B081A
- 0B020A
- 010001
Toni
- A85BA4
- A460A0
- A0659D
- 9C6A99
- 986E95
- 937291
- 8F768D
- 8A7988
- 857D84
Armonie di colore
Complementare +180°
- AC56A8
Magenta Memoir
- 209445
≈ Paperboy’s Lawn
Analogo -30° +30°
- AC56A8
Magenta Memoir
- 8A64C9
≈ Amethyst
- C14E7A
≈ Fat Smooch
Triadico +120° +240°
- AC56A8
Magenta Memoir
- 997700
≈ Mesozoic Green
- 008C9C
≈ Coral Coast
Complementare divisa +150° +210°
- AC56A8
Magenta Memoir
- 748700
≈ Swamp Green
- 00917D
≈ Miami Jade
Tetradico +90° +180° +270°
- AC56A8
Magenta Memoir
- B76400
≈ Umber
- 209445
≈ Paperboy’s Lawn
- 0085C1
≈ Ibiza Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--magenta-memoir: #ac56a8;
--magenta-memoir-rgb: 172 86 168;
--magenta-memoir-oklch: oklch(0.587 0.153 329.1);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(303 34% 51%);
border-color: oklch(0.587 0.153 329.1);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #ac56a8;
--color-magenta-memoir-50: #ffe6ff;
--color-magenta-memoir-100: #ffd6ff;
--color-magenta-memoir-200: #fbbdf2;
--color-magenta-memoir-300: #e49adb;
--color-magenta-memoir-400: #cf7bca;
--color-magenta-memoir-500: #bb5bb7;
--color-magenta-memoir-600: #9e4e9a;
--color-magenta-memoir-700: #7f3e7c;
--color-magenta-memoir-800: #5d2c5d;
--color-magenta-memoir-900: #411e41;
--color-magenta-memoir-950: #2a0d2a;
}SCSS
$magenta-memoir: #ac56a8;
$magenta-memoir-rgb: 172, 86, 168;
$magenta-memoir-light: mix(#fff, $magenta-memoir, 20%);
$magenta-memoir-dark: mix(#000, $magenta-memoir, 20%);
.element {
color: $magenta-memoir;
box-shadow: 0 0 0 2px rgba($magenta-memoir, 0.35);
}