Colore con nome · #A46A95
Mauve Memento
Mauve Memento è #A46A95: rgb(164 106 149), hsl(316 24% 53%), oklch(0.6 0.094 336.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Mauve Memento color name →
#A46A95
oklch(0.6 0.094 336.7)
Conversioni di colore
- HEX
- #a46a95
- RGB
- rgb(164 106 149)
- HSL
- hsl(316 24% 53%)
- HWB
- hwb(316 42% 36%)
- OKLCH
- oklch(0.6 0.094 336.7)
- OKLab
- oklab(0.6 0.086 -0.037)
- CIE Lab
- lab(52.3 28.77 -13.6)
- LCH
- lch(52.3 31.83 334.7)
- CMYK
- cmyk(0% 35% 9% 36%)
Tinte · Ombre · Toni
Tinte
- AD789F
- B787AA
- C095B4
- C9A4BE
- D2B3C9
- DBC2D4
- E4D1DE
- EDE0E9
- F6EFF4
Ombre
- 8E5B81
- 794D6D
- 643F5A
- 503148
- 3D2437
- 2B1826
- 1A0D16
- 0A0408
- 010001
Toni
- A16D93
- 9D6F91
- 9A718F
- 97748D
- 93768B
- 8F7889
- 8C7A86
- 887C84
- 847E82
Armonie di colore
Complementare +180°
- A46A95
Mauve Memento
- 4C9169
≈ Illuminati Green
Analogo -30° +30°
- A46A95
Mauve Memento
- 8F71AC
≈ Ce Soir
- B06877
≈ Refined Rose
Triadico +120° +240°
- A46A95
Mauve Memento
- 908039
≈ Peas Please
- 2B8EA5
≈ Scooter
Complementare divisa +150° +210°
- A46A95
Mauve Memento
- 718B4B
≈ Bright Forest
- 289289
≈ Ocean Liner
Tetradico +90° +180° +270°
- A46A95
Mauve Memento
- A6753F
≈ Invitation Gold
- 4C9169
≈ Illuminati Green
- 4F85B5
≈ Hideout
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.13:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.07:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.07:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--mauve-memento: #a46a95;
--mauve-memento-rgb: 164 106 149;
--mauve-memento-oklch: oklch(0.6 0.094 336.7);
}
.element {
color: var(--mauve-memento);
background-color: hsl(316 24% 53%);
border-color: oklch(0.6 0.094 336.7);
}Tailwind CSS v4
@theme {
--color-mauve-memento: #a46a95;
--color-mauve-memento-50: #ffebfe;
--color-mauve-memento-100: #fedcf3;
--color-mauve-memento-200: #f0c5e2;
--color-mauve-memento-300: #d8a5c8;
--color-mauve-memento-400: #c289b3;
--color-mauve-memento-500: #ae6d9d;
--color-mauve-memento-600: #935d85;
--color-mauve-memento-700: #764a6a;
--color-mauve-memento-800: #56364f;
--color-mauve-memento-900: #3c2537;
--color-mauve-memento-950: #261322;
}SCSS
$mauve-memento: #a46a95;
$mauve-memento-rgb: 164, 106, 149;
$mauve-memento-light: mix(#fff, $mauve-memento, 20%);
$mauve-memento-dark: mix(#000, $mauve-memento, 20%);
.element {
color: $mauve-memento;
box-shadow: 0 0 0 2px rgba($mauve-memento, 0.35);
}