Benannte Farbe · #8677A9
Grape Parfait
Grape Parfait ist #8677A9: rgb(134 119 169), hsl(258 23% 56%), oklch(0.602 0.076 297.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Grape Parfait color name →
#8677A9
oklch(0.602 0.076 297.8)
Farbumrechnungen
- HEX
- #8677a9
- RGB
- rgb(134 119 169)
- HSL
- hsl(258 23% 56%)
- HWB
- hwb(258 47% 34%)
- OKLCH
- oklch(0.602 0.076 297.8)
- OKLab
- oklab(0.602 0.036 -0.068)
- CIE Lab
- lab(52.88 13.99 -24.71)
- LCH
- lch(52.88 28.4 299.5)
- CMYK
- cmyk(21% 30% 0% 34%)
Tints · Shades · Tones
Tints
- 9184B2
- 9D91BA
- A99EC3
- B4ACCC
- C0B9D4
- CDC7DD
- D9D5E5
- E6E3EE
- F2F1F6
Shades
- 746792
- 62577C
- 514767
- 403853
- 302A3F
- 211C2C
- 13101B
- 06050A
- 010101
Tones
- 8578A5
- 8579A1
- 847A9D
- 837B99
- 837C95
- 827D91
- 827E8D
- 817E88
- 817F84
Farbharmonien
Komplementär +180°
- 8677A9
Grape Parfait
- 7D8751
≈ Field Maple
Analog -30° +30°
- 8677A9
Grape Parfait
- 6D7FAF
≈ Marvellous
- 9A7098
≈ Tatarian Aster
Triadisch +120° +240°
- 8677A9
Grape Parfait
- A47552
≈ Balthasar Gold
- 489081
≈ Lochinvar
Geteilt komplementär +150° +210°
- 8677A9
Grape Parfait
- 947E49
≈ Raked Leaves
- 618E67
≈ Stone Green
Tetradisch +90° +180° +270°
- 8677A9
Grape Parfait
- AA6F67
≈ Coral Tree
- 7D8751
≈ Field Maple
- 418E99
≈ Aqueous
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.01:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.22:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--grape-parfait: #8677a9;
--grape-parfait-rgb: 134 119 169;
--grape-parfait-oklch: oklch(0.602 0.076 297.8);
}
.element {
color: var(--grape-parfait);
background-color: hsl(258 23% 56%);
border-color: oklch(0.602 0.076 297.8);
}Tailwind CSS v4
@theme {
--color-grape-parfait: #8677a9;
--color-grape-parfait-50: #f8f1ff;
--color-grape-parfait-100: #ebe3fe;
--color-grape-parfait-200: #d9cef1;
--color-grape-parfait-300: #bdafd9;
--color-grape-parfait-400: #a395c6;
--color-grape-parfait-500: #8c7bb3;
--color-grape-parfait-600: #766897;
--color-grape-parfait-700: #5f5379;
--color-grape-parfait-800: #443d5a;
--color-grape-parfait-900: #2f2a3f;
--color-grape-parfait-950: #1c1728;
}SCSS
$grape-parfait: #8677a9;
$grape-parfait-rgb: 134, 119, 169;
$grape-parfait-light: mix(#fff, $grape-parfait, 20%);
$grape-parfait-dark: mix(#000, $grape-parfait, 20%);
.element {
color: $grape-parfait;
box-shadow: 0 0 0 2px rgba($grape-parfait, 0.35);
}