Grape
HEX: #6F2DA8 | Modern Palette
Color Specifications
#6F2DA8
111, 45, 168
272°, 73% ,65%
33.93, 73.21, 0, 34.12
About Grape
Grape (#6F2DA8) is a color with RGB(111, 45, 168) and HSL(272.2°, 73.21%, 65.88%). It is commonly associated with Playful, Romantic moods. In design, it fits Vivid styles and is suitable for Text, Button, Accent. Its complementary color is #66A82D, which creates strong contrast. Its triadic palette includes #A86F2D and #2DA86F. The name comes from grape (Old French).
- HEX: #6F2DA8
- RGB: 111, 45, 168
- HSL: 272.2°, 73.21%, 65.88%
- Mood: Playful, Romantic
- Style: Vivid
- Use case: Text, Button, Accent
- Complementary color: #66A82D
- Triadic colors: #A86F2D, #2DA86F
- The name comes from grape (Old French).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #6F2DA8 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The word 'grape' entered English from Old French, reflecting the Norman influence on the English language after the Norman Conquest. Prior to this, Old English had words like 'winberige' (wine-berry) for grape. The Germanic root *krappo suggests a connection to the visual characteristic of grapes growing in clusters, resembling a hook or a bunch. The word's journey through Old French solidified its form in English. Its primary meaning has consistently referred to the fruit, and by extension, the plant that bears it, especially in the context of winemaking.
First Recorded Use
c. 1290, from Old French grape 'bunch of grapes, cluster of fruit' (12c., Modern French grappe), probably from Frankish *krappo 'hook, hook-shaped object' or a similar Germanic source, related to Old High German krapfo 'hook' (German Krapfen 'fritter, doughnut'), Old English cropp 'cluster, bunch' (see crop (n.)). The sense evolved from the 'hook' or 'cluster' idea, referring to the way grapes grow in bunches. The verb 'to grape' (to gather grapes) is attested from the early 15th century but is now rare.
Cultural Associations
Grapes hold immense cultural significance, primarily due to their role in winemaking, which dates back thousands of years and is deeply embedded in many cultures, particularly in the Mediterranean and European regions. They are symbols of fertility, abundance, and celebration. In religious contexts, grapes and wine are central to Christian communion and Jewish Kiddush. The phrase 'sour grapes' (from Aesop's Fables) is a common idiom referring to pretending to despise something one cannot have. Various festivals and traditions revolve around grape harvests and wine production globally.
Code Snippets
/* Background */
.element {
background-color: #6F2DA8;
}
/* Text */
.element {
color: #6F2DA8;
}
/* Border */
.element {
border: 1px solid #6F2DA8;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#6F2DA8,
#A3E868
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#6F2DA8,
#A3E868
);
}// SCSS variable
$grape: #6F2DA8;
// With RGB channels (useful for rgba() usage)
$grape-r: 111;
$grape-g: 45;
$grape-b: 168;
// Usage
.element {
background-color: $grape;
color: rgba($grape-r, $grape-g, $grape-b, 0.8);
}