Benannte Farbe · #AC5D91
Meadow Mauve
Meadow Mauve ist #AC5D91: rgb(172 93 145), hsl(321 32% 52%), oklch(0.587 0.121 341.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Meadow Mauve color name →
#AC5D91
oklch(0.587 0.121 341.5)
Farbumrechnungen
- HEX
- #ac5d91
- RGB
- rgb(172 93 145)
- HSL
- hsl(321 32% 52%)
- HWB
- hwb(321 36% 33%)
- OKLCH
- oklch(0.587 0.121 341.5)
- OKLab
- oklab(0.587 0.115 -0.038)
- CIE Lab
- lab(50.38 37.94 -13.99)
- LCH
- lch(50.38 40.43 339.8)
- CMYK
- cmyk(0% 46% 16% 33%)
Tints · Shades · Tones
Tints
- B56D9C
- BE7DA6
- C78DB1
- CF9DBC
- D8ADC7
- E0BDD2
- E8CDDD
- F0DEE8
- F8EEF4
Shades
- 95507D
- 7F436A
- 693758
- 542A46
- 401F35
- 2D1425
- 1B0A15
- 0B0307
- 010001
Tones
- A8618F
- A4658E
- A0698C
- 9C6D8A
- 987089
- 947487
- 8F7785
- 8A7A84
- 857D82
Farbharmonien
Komplementär +180°
- AC5D91
Meadow Mauve
- 1D9265
≈ Viridian
Analog -30° +30°
- AC5D91
Meadow Mauve
- 9466B1
≈ Knight Elf
- B85B6A
≈ Candied Apple
Triadisch +120° +240°
- AC5D91
Meadow Mauve
- 8C7E05
≈ Moscow Papyrus
- 008AAA
≈ Capri Breeze
Geteilt komplementär +150° +210°
- AC5D91
Meadow Mauve
- 618B38
≈ Gǎn Lǎn Lǜ Green
- 008F8B
≈ Corfu Shallows
Tetradisch +90° +180° +270°
- AC5D91
Meadow Mauve
- A86E10
≈ Buckthorn Brown
- 1D9265
≈ Viridian
- 407FC2
≈ Tufts Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.44:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.72:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.72:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--meadow-mauve: #ac5d91;
--meadow-mauve-rgb: 172 93 145;
--meadow-mauve-oklch: oklch(0.587 0.121 341.5);
}
.element {
color: var(--meadow-mauve);
background-color: hsl(321 32% 52%);
border-color: oklch(0.587 0.121 341.5);
}Tailwind CSS v4
@theme {
--color-meadow-mauve: #ac5d91;
--color-meadow-mauve-50: #ffe8fe;
--color-meadow-mauve-100: #ffd8f2;
--color-meadow-mauve-200: #fac0e1;
--color-meadow-mauve-300: #e49ec7;
--color-meadow-mauve-400: #cf81b3;
--color-meadow-mauve-500: #bb639d;
--color-meadow-mauve-600: #9e5485;
--color-meadow-mauve-700: #7f436a;
--color-meadow-mauve-800: #5d3050;
--color-meadow-mauve-900: #412138;
--color-meadow-mauve-950: #2a1022;
}SCSS
$meadow-mauve: #ac5d91;
$meadow-mauve-rgb: 172, 93, 145;
$meadow-mauve-light: mix(#fff, $meadow-mauve, 20%);
$meadow-mauve-dark: mix(#000, $meadow-mauve, 20%);
.element {
color: $meadow-mauve;
box-shadow: 0 0 0 2px rgba($meadow-mauve, 0.35);
}