Grape

HEX: #6F2DA8 | Modern Palette

On White
8.03:1
PASS
On Black
2.62:1
FAIL

Color Specifications

HEX
#6F2DA8
RGB
111, 45, 168
HSL
272°, 73% ,65%
CMYK
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

LIGHT
DARK
System Notification Box

Color Palettes

Grape #6F2DA8 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Grape #6F2DA8 pairs with #66A82D as its complementary color, and #A86F2D and #2DA86F in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

GRAPE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

GRAPE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

GRAPE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

GRAPE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

GRAPE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

GRAPE

Shades & Tints

The shade and tint range for Grape #6F2DA8 moves from dark #0D0514 tones through the base color to lighter #F3EBFA tones, making it useful for depth, hierarchy, and background variation.

GRAPE

Color Characteristics

Style
Vivid
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #4848A7
Protanopia #3939A8
Tritanopia #5D4C4C
Achromatopsia #505050

Frequently Asked Questions

Grape (#6F2DA8) is a color with RGB(111, 45, 168) and HSL(272.2°, 73.21%, 65.88%).

#6F2DA8 pairs strongly with #66A82D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#6F2DA8 is suitable for Text, Button, Accent and works well with Vivid styles.

#6F2DA8 is commonly associated with Playful, Romantic.

The name Grape is linked to grape from Old French, meaning bunch of grapes, cluster of fruit.

Name, History & Etymology

Origin Word grape
Meaning bunch of grapes, cluster of fruit
Language Old French
First Recorded Use Late 13th Century

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.

Similar Named Colors

Purple Heart #69359C ΔE 2.57
Rebecca Purple #663399 ΔE 2.86
Violet (RYB) #8601AF ΔE 4.97
Blue-magenta Violet #553592 ΔE 5.77

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);
}