Nearest named color · #A955A5
#A955A5
Nearest named color: Magenta Memoir
#A955A5 (rgb(169 85 165), hsl(303 33% 50%), oklch(0.58 0.15 329.1)) is closest to the named color Magenta Memoir. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A955A5
oklch(0.58 0.15 329.1)
Color conversions
- HEX
- #a955a5
- RGB
- rgb(169 85 165)
- HSL
- hsl(303 33% 50%)
- HWB
- hwb(303 33% 34%)
- OKLCH
- oklch(0.58 0.15 329.1)
- OKLab
- oklab(0.58 0.129 -0.077)
- CIE Lab
- lab(49.03 43.46 -27.88)
- LCH
- lch(49.03 51.63 327.3)
- CMYK
- cmyk(0% 50% 2% 34%)
Tints · Shades · Tones
Tints
- B266AE
- BC77B7
- C588C0
- CD99C9
- D6AAD2
- DFBBDB
- E7CBE4
- EFDDED
- F7EEF6
Shades
- 92498F
- 7C3D79
- 673165
- 532651
- 3F1C3D
- 2C112B
- 1B081A
- 0A020A
- 010001
Tones
- A55AA2
- A2609E
- 9E649A
- 9A6997
- 966D93
- 92718F
- 8E758C
- 8A7988
- 857D84
Color harmonies
Complementary +180°
- A955A5
Magenta Memoir
- 219245
≈ Paperboy’s Lawn
Analogous -30° +30°
- A955A5
Magenta Memoir
- 8862C5
≈ Lusty Lavender
- BD4D78
≈ Cockscomb Red
Triadic +120° +240°
- A955A5
Magenta Memoir
- 967600
≈ Bhūrā Brown
- 008A9A
≈ Atlantic Blue
Split-complementary +150° +210°
- A955A5
Magenta Memoir
- 728500
≈ Swamp Green
- 008E7B
≈ Philips Green
Tetradic +90° +180° +270°
- A955A5
Magenta Memoir
- B46200
≈ Umber
- 219245
≈ Paperboy’s Lawn
- 0083BF
≈ Phuket Palette
Contrast & accessibility
Ag
AAOn white
WCAG 4.63:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.52:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--magenta-memoir: #a955a5;
--magenta-memoir-rgb: 169 85 165;
--magenta-memoir-oklch: oklch(0.58 0.15 329.1);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(303 33% 50%);
border-color: oklch(0.58 0.15 329.1);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #a955a5;
--color-magenta-memoir-50: #ffe6ff;
--color-magenta-memoir-100: #ffd6ff;
--color-magenta-memoir-200: #fabdf2;
--color-magenta-memoir-300: #e49bdb;
--color-magenta-memoir-400: #ce7cc9;
--color-magenta-memoir-500: #ba5cb6;
--color-magenta-memoir-600: #9d4f9a;
--color-magenta-memoir-700: #7e3f7b;
--color-magenta-memoir-800: #5d2d5d;
--color-magenta-memoir-900: #411e41;
--color-magenta-memoir-950: #290e2a;
}SCSS
$magenta-memoir: #a955a5;
$magenta-memoir-rgb: 169, 85, 165;
$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);
}