Benannte Farbe · #8C8188
Mauvey Pink
Mauvey Pink ist #8C8188: rgb(140 129 136), hsl(322 5% 53%), oklch(0.615 0.017 339.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mauvey Pink color name →
#8C8188
oklch(0.615 0.017 339.2)
Farbumrechnungen
- HEX
- #8c8188
- RGB
- rgb(140 129 136)
- HSL
- hsl(322 5% 53%)
- HWB
- hwb(322 51% 45%)
- OKLCH
- oklch(0.615 0.017 339.2)
- OKLab
- oklab(0.615 0.016 -0.006)
- CIE Lab
- lab(55.14 5.29 -2.21)
- LCH
- lch(55.14 5.74 337.4)
- CMYK
- cmyk(0% 8% 3% 45%)
Tints · Shades · Tones
Tints
- 978D93
- A2999F
- ADA5AA
- B9B2B6
- C4BEC2
- D0CBCE
- DBD8DA
- E7E5E6
- F3F2F3
Shades
- 796F75
- 675E63
- 554E52
- 433E41
- 332E31
- 231F22
- 141213
- 070606
- 010101
Tones
- 8B8187
- 8A8186
- 888186
- 878185
- 868184
- 858083
- 848082
- 828082
- 818081
Farbharmonien
Komplementär +180°
- 8C8188
Mauvey Pink
- 7D8881
≈ Wild Sage
Analog -30° +30°
- 8C8188
Mauvey Pink
- 88828D
≈ Asian Violet
- 8E8182
≈ Pewter Mug
Triadisch +120° +240°
- 8C8188
Mauvey Pink
- 87857A
≈ Subway
- 7A878C
≈ Academy Grey
Geteilt komplementär +150° +210°
- 8C8188
Mauvey Pink
- 81877C
≈ Wild Sage
- 7A8887
≈ Nature Retreat
Tetradisch +90° +180° +270°
- 8C8188
Mauvey Pink
- 8C837A
≈ So Sublime
- 7D8881
≈ Wild Sage
- 7D868F
≈ Smoky Studio
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.74:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.61:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.61:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--mauvey-pink: #8c8188;
--mauvey-pink-rgb: 140 129 136;
--mauvey-pink-oklch: oklch(0.615 0.017 339.2);
}
.element {
color: var(--mauvey-pink);
background-color: hsl(322 5% 53%);
border-color: oklch(0.615 0.017 339.2);
}Tailwind CSS v4
@theme {
--color-mauvey-pink: #8c8188;
--color-mauvey-pink-50: #f9f3f6;
--color-mauvey-pink-100: #ece6e9;
--color-mauvey-pink-200: #dad1d6;
--color-mauvey-pink-300: #beb4ba;
--color-mauvey-pink-400: #a69ba2;
--color-mauvey-pink-500: #8e828a;
--color-mauvey-pink-600: #786e75;
--color-mauvey-pink-700: #60585d;
--color-mauvey-pink-800: #464044;
--color-mauvey-pink-900: #312c2f;
--color-mauvey-pink-950: #1d191c;
}SCSS
$mauvey-pink: #8c8188;
$mauvey-pink-rgb: 140, 129, 136;
$mauvey-pink-light: mix(#fff, $mauvey-pink, 20%);
$mauvey-pink-dark: mix(#000, $mauvey-pink, 20%);
.element {
color: $mauvey-pink;
box-shadow: 0 0 0 2px rgba($mauvey-pink, 0.35);
}