Najbliższy nazwany kolor · #A756A4
#A756A4
Najbliższy nazwany kolor: Magenta Memoir
#A756A4 (rgb(167 86 164), hsl(302 32% 50%), oklch(0.578 0.146 328.6)) jest najbliższy nazwanemu kolorowi Magenta Memoir. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A756A4
oklch(0.578 0.146 328.6)
Konwersje koloru
- HEX
- #a756a4
- RGB
- rgb(167 86 164)
- HSL
- hsl(302 32% 50%)
- HWB
- hwb(302 34% 35%)
- OKLCH
- oklch(0.578 0.146 328.6)
- OKLab
- oklab(0.578 0.125 -0.076)
- CIE Lab
- lab(48.91 42.19 -27.51)
- LCH
- lch(48.91 50.37 326.9)
- CMYK
- cmyk(0% 49% 2% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B167AD
- BA78B6
- C389C0
- CC99C9
- D5AAD2
- DEBBDB
- E6CCE4
- EFDDED
- F7EEF6
Odcienie ciemniejsze
- 914A8E
- 7B3E79
- 663264
- 522750
- 3E1C3D
- 2C122B
- 1A081A
- 0A020A
- 010001
Tony
- A45BA1
- A0609D
- 9D659A
- 996996
- 956D93
- 91718F
- 8D758B
- 897988
- 857D84
Harmonie kolorów
Komplementarna +180°
- A756A4
Magenta Memoir
- 289045
≈ Paperboy’s Lawn
Analogowa -30° +30°
- A756A4
Magenta Memoir
- 8663C3
≈ Lavish Spending
- BB4F78
≈ Cockscomb Red
Triada +120° +240°
- A756A4
Magenta Memoir
- 967500
≈ Bhūrā Brown
- 008A99
≈ Atlantic Blue
Komplementarna rozszczepiona +150° +210°
- A756A4
Magenta Memoir
- 728400
≈ Swamp Green
- 008E7A
≈ Greenlake
Tetrada +90° +180° +270°
- A756A4
Magenta Memoir
- B46100
≈ Orange Brown
- 289045
≈ Paperboy’s Lawn
- 0082BD
≈ Phuket Palette
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.51:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--magenta-memoir: #a756a4;
--magenta-memoir-rgb: 167 86 164;
--magenta-memoir-oklch: oklch(0.578 0.146 328.6);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(302 32% 50%);
border-color: oklch(0.578 0.146 328.6);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #a756a4;
--color-magenta-memoir-50: #ffe7ff;
--color-magenta-memoir-100: #ffd7ff;
--color-magenta-memoir-200: #f9bef2;
--color-magenta-memoir-300: #e29cda;
--color-magenta-memoir-400: #cd7dc9;
--color-magenta-memoir-500: #b95eb5;
--color-magenta-memoir-600: #9c5099;
--color-magenta-memoir-700: #7d407b;
--color-magenta-memoir-800: #5c2e5d;
--color-magenta-memoir-900: #401f41;
--color-magenta-memoir-950: #290e29;
}SCSS
$magenta-memoir: #a756a4;
$magenta-memoir-rgb: 167, 86, 164;
$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);
}