Benannte Farbe · #7E667F
Grape Jelly
Grape Jelly ist #7E667F: rgb(126 102 127), hsl(298 11% 45%), oklch(0.542 0.048 324.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Grape Jelly color name →
#7E667F
oklch(0.542 0.048 324.9)
Farbumrechnungen
- HEX
- #7e667f
- RGB
- rgb(126 102 127)
- HSL
- hsl(298 11% 45%)
- HWB
- hwb(298 40% 50%)
- OKLCH
- oklch(0.542 0.048 324.9)
- OKLab
- oklab(0.542 0.039 -0.028)
- CIE Lab
- lab(46.25 13.42 -10.18)
- LCH
- lch(46.25 16.85 322.8)
- CMYK
- cmyk(1% 20% 0% 50%)
Tints · Shades · Tones
Tints
- 8A748B
- 978397
- A391A4
- B0A0B0
- BDB0BD
- CABFCA
- D7CFD7
- E4DFE4
- F2EFF2
Shades
- 6D586E
- 5C4A5D
- 4C3C4C
- 3C2F3C
- 2D232D
- 1F171F
- 110C11
- 050406
- 010001
Tones
- 7E697F
- 7F6B7F
- 7F6E7F
- 7F7080
- 7F7380
- 7F7680
- 807880
- 807B80
- 807D80
Farbharmonien
Komplementär +180°
- 7E667F
Grape Jelly
- 5E775E
≈ Finlandia
Analog -30° +30°
- 7E667F
Grape Jelly
- 716A89
≈ Aromatic
- 876471
≈ Glazed Ringlet
Triadisch +120° +240°
- 7E667F
Grape Jelly
- 7C6E4F
≈ Muskrat
- 4D787D
≈ Lucky Shamrock
Geteilt komplementär +150° +210°
- 7E667F
Grape Jelly
- 6E7353
≈ Herb Cornucopia
- 51796E
≈ Wishard
Tetradisch +90° +180° +270°
- 7E667F
Grape Jelly
- 866855
≈ Art and Craft
- 5E775E
≈ Finlandia
- 547488
≈ Folk Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.12:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.09:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.12:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--grape-jelly: #7e667f;
--grape-jelly-rgb: 126 102 127;
--grape-jelly-oklch: oklch(0.542 0.048 324.9);
}
.element {
color: var(--grape-jelly);
background-color: hsl(298 11% 45%);
border-color: oklch(0.542 0.048 324.9);
}Tailwind CSS v4
@theme {
--color-grape-jelly: #7e667f;
--color-grape-jelly-50: #fdf1fc;
--color-grape-jelly-100: #f1e3f0;
--color-grape-jelly-200: #e0cddf;
--color-grape-jelly-300: #c5afc4;
--color-grape-jelly-400: #ad95ae;
--color-grape-jelly-500: #977c98;
--color-grape-jelly-600: #806980;
--color-grape-jelly-700: #665467;
--color-grape-jelly-800: #4b3d4c;
--color-grape-jelly-900: #342a35;
--color-grape-jelly-950: #1f1720;
}SCSS
$grape-jelly: #7e667f;
$grape-jelly-rgb: 126, 102, 127;
$grape-jelly-light: mix(#fff, $grape-jelly, 20%);
$grape-jelly-dark: mix(#000, $grape-jelly, 20%);
.element {
color: $grape-jelly;
box-shadow: 0 0 0 2px rgba($grape-jelly, 0.35);
}