Benannte Farbe · #AC8C8C
Mauve Day
Mauve Day ist #AC8C8C: rgb(172 140 140), hsl(0 16% 61%), oklch(0.67 0.039 18.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mauve Day color name →
#AC8C8C
oklch(0.67 0.039 18.2)
Farbumrechnungen
- HEX
- #ac8c8c
- RGB
- rgb(172 140 140)
- HSL
- hsl(0 16% 61%)
- HWB
- hwb(0 55% 33%)
- OKLCH
- oklch(0.67 0.039 18.2)
- OKLab
- oklab(0.67 0.037 0.012)
- CIE Lab
- lab(61.28 12.49 4.81)
- LCH
- lch(61.28 13.39 21.1)
- CMYK
- cmyk(0% 19% 19% 33%)
Tints · Shades · Tones
Tints
- B49797
- BDA2A2
- C5ADAD
- CDB9B8
- D5C4C4
- DED0D0
- E6DBDB
- EEE7E7
- F7F3F3
Shades
- 957979
- 7F6767
- 695555
- 544343
- 403333
- 2D2323
- 1B1414
- 0B0707
- 010101
Tones
- A88B8B
- A38A8A
- 9F8988
- 9B8787
- 968686
- 928585
- 8D8484
- 898282
- 848181
Farbharmonien
Komplementär +180°
- AC8C8C
Mauve Day
- 7A9D9E
≈ Salt Blue
Analog -30° +30°
- AC8C8C
Mauve Day
- A88C99
≈ Reserve
- AA8F81
≈ Cosy Cocoa
Triadisch +120° +240°
- AC8C8C
Mauve Day
- 8A9B84
≈ Linden Spear
- 8796AE
≈ Norwegian Night
Geteilt komplementär +150° +210°
- AC8C8C
Mauve Day
- 7F9D91
≈ Mother Earth
- 7D9AA8
≈ Palace Intrigue
Tetradisch +90° +180° +270°
- AC8C8C
Mauve Day
- 97977C
≈ Milkweed Pod
- 7A9D9E
≈ Salt Blue
- 9392AC
≈ Cosmic Energy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.05:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.88:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.88:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--mauve-day: #ac8c8c;
--mauve-day-rgb: 172 140 140;
--mauve-day-oklch: oklch(0.67 0.039 18.2);
}
.element {
color: var(--mauve-day);
background-color: hsl(0 16% 61%);
border-color: oklch(0.67 0.039 18.2);
}Tailwind CSS v4
@theme {
--color-mauve-day: #ac8c8c;
--color-mauve-day-50: #fff1f0;
--color-mauve-day-100: #f5e3e2;
--color-mauve-day-200: #e5cecd;
--color-mauve-day-300: #cbb0af;
--color-mauve-day-400: #b49696;
--color-mauve-day-500: #9f7c7c;
--color-mauve-day-600: #866969;
--color-mauve-day-700: #6b5454;
--color-mauve-day-800: #4f3d3e;
--color-mauve-day-900: #372a2a;
--color-mauve-day-950: #221818;
}SCSS
$mauve-day: #ac8c8c;
$mauve-day-rgb: 172, 140, 140;
$mauve-day-light: mix(#fff, $mauve-day, 20%);
$mauve-day-dark: mix(#000, $mauve-day, 20%);
.element {
color: $mauve-day;
box-shadow: 0 0 0 2px rgba($mauve-day, 0.35);
}