Colore con nome · #966F77
Wistful Mauve
Wistful Mauve è #966F77: rgb(150 111 119), hsl(348 16% 51%), oklch(0.583 0.051 5.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Wistful Mauve color name →
#966F77
oklch(0.583 0.051 5.1)
Conversioni di colore
- HEX
- #966f77
- RGB
- rgb(150 111 119)
- HSL
- hsl(348 16% 51%)
- HWB
- hwb(348 44% 41%)
- OKLCH
- oklch(0.583 0.051 5.1)
- OKLab
- oklab(0.583 0.05 0.005)
- CIE Lab
- lab(51.04 16.86 1.93)
- LCH
- lch(51.04 16.97 6.5)
- CMYK
- cmyk(0% 26% 21% 41%)
Tinte · Ombre · Toni
Tinte
- A07D84
- AB8A91
- B5989E
- C0A6AB
- CAB5B9
- D5C3C6
- DFD2D4
- EAE1E2
- F4F0F1
Ombre
- 826067
- 6E5157
- 5B4247
- 493438
- 37272A
- 261A1C
- 160E10
- 080405
- 010101
Toni
- 947178
- 927379
- 90747A
- 8E767B
- 8C787B
- 89797C
- 877B7D
- 857D7E
- 827E7F
Armonie di colore
Complementare +180°
- 966F77
Wistful Mauve
- 58857F
≈ Cretan Green
Analogo -30° +30°
- 966F77
Wistful Mauve
- 8F7087
≈ Very Grape
- 977167
≈ Antique Rose
Triadico +120° +240°
- 966F77
Wistful Mauve
- 748160
≈ Cliffside Park
- 627F98
≈ Blue Oar
Complementare divisa +150° +210°
- 966F77
Wistful Mauve
- 63856E
≈ Dark Ivy
- 58838E
≈ Cape Lee
Tetradico +90° +180° +270°
- 966F77
Wistful Mauve
- 847B59
≈ Dried Herb
- 58857F
≈ Cretan Green
- 72799A
≈ Quantum Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.34:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.83:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--wistful-mauve: #966f77;
--wistful-mauve-rgb: 150 111 119;
--wistful-mauve-oklch: oklch(0.583 0.051 5.1);
}
.element {
color: var(--wistful-mauve);
background-color: hsl(348 16% 51%);
border-color: oklch(0.583 0.051 5.1);
}Tailwind CSS v4
@theme {
--color-wistful-mauve: #966f77;
--color-wistful-mauve-50: #fff0f2;
--color-wistful-mauve-100: #f8e1e5;
--color-wistful-mauve-200: #e9ccd0;
--color-wistful-mauve-300: #cfadb3;
--color-wistful-mauve-400: #ba929a;
--color-wistful-mauve-500: #a47881;
--color-wistful-mauve-600: #8b666e;
--color-wistful-mauve-700: #6f5258;
--color-wistful-mauve-800: #523b41;
--color-wistful-mauve-900: #39292c;
--color-wistful-mauve-950: #23161a;
}SCSS
$wistful-mauve: #966f77;
$wistful-mauve-rgb: 150, 111, 119;
$wistful-mauve-light: mix(#fff, $wistful-mauve, 20%);
$wistful-mauve-dark: mix(#000, $wistful-mauve, 20%);
.element {
color: $wistful-mauve;
box-shadow: 0 0 0 2px rgba($wistful-mauve, 0.35);
}