Najbliższy nazwany kolor · #A959A6
#A959A6
Najbliższy nazwany kolor: Magenta Memoir
#A959A6 (rgb(169 89 166), hsl(302 32% 51%), oklch(0.586 0.144 328.6)) jest najbliższy nazwanemu kolorowi Magenta Memoir. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A959A6
oklch(0.586 0.144 328.6)
Konwersje koloru
- HEX
- #a959a6
- RGB
- rgb(169 89 166)
- HSL
- hsl(302 32% 51%)
- HWB
- hwb(302 35% 34%)
- OKLCH
- oklch(0.586 0.144 328.6)
- OKLab
- oklab(0.586 0.123 -0.075)
- CIE Lab
- lab(49.86 41.63 -27.19)
- LCH
- lch(49.86 49.72 326.8)
- CMYK
- cmyk(0% 47% 2% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B26AAF
- BB7AB8
- C48BC1
- CD9BCA
- D6ABD3
- DEBCDC
- E7CDE5
- EFDDED
- F7EEF6
Odcienie ciemniejsze
- 924C90
- 7C407A
- 673465
- 532851
- 3F1D3E
- 2C132B
- 1B091A
- 0A030A
- 010001
Tony
- A55EA2
- A2629F
- 9E679B
- 9A6B97
- 966F94
- 927390
- 8E768C
- 897A88
- 857D84
Harmonie kolorów
Komplementarna +180°
- A959A6
Magenta Memoir
- 2D9348
≈ Paperboy’s Lawn
Analogowa -30° +30°
- A959A6
Magenta Memoir
- 8866C5
≈ Lavish Spending
- BD527B
≈ Cockscomb Red
Triada +120° +240°
- A959A6
Magenta Memoir
- 997700
≈ Mesozoic Green
- 008C9C
≈ Coral Coast
Komplementarna rozszczepiona +150° +210°
- A959A6
Magenta Memoir
- 758600
≈ Swamp Green
- 00907D
≈ Philips Green
Tetrada +90° +180° +270°
- A959A6
Magenta Memoir
- B76300
≈ Umber
- 2D9348
≈ Paperboy’s Lawn
- 0085C1
≈ Ibiza Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.50:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.66:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--magenta-memoir: #a959a6;
--magenta-memoir-rgb: 169 89 166;
--magenta-memoir-oklch: oklch(0.586 0.144 328.6);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(302 32% 51%);
border-color: oklch(0.586 0.144 328.6);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #a959a6;
--color-magenta-memoir-50: #ffe7ff;
--color-magenta-memoir-100: #ffd7ff;
--color-magenta-memoir-200: #f8bef1;
--color-magenta-memoir-300: #e29cda;
--color-magenta-memoir-400: #cc7ec8;
--color-magenta-memoir-500: #b85eb5;
--color-magenta-memoir-600: #9b5199;
--color-magenta-memoir-700: #7d407b;
--color-magenta-memoir-800: #5b2e5c;
--color-magenta-memoir-900: #401f41;
--color-magenta-memoir-950: #290f29;
}SCSS
$magenta-memoir: #a959a6;
$magenta-memoir-rgb: 169, 89, 166;
$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);
}