Grape purple color: code #6F2DA8
Grape purple
#6F2DA8
Color codes
- HEX
#6F2DA8 - RGB
rgb(111, 45, 168) - HSL
hsl(272, 58%, 42%) - HSV
hsv(272, 73%, 66%) - CMYK
cmyk(34%, 73%, 0%, 34%) - LAB
lab(34.2% 51.3 -54.1) - OKLCH
oklch(45.5% 0.187 304.3)
About the color Grape purple
Grape purple has the HEX code #6F2DA8, which corresponds to rgb(111, 45, 168) in the RGB model. On the color wheel its hue sits at 272°, with 58% saturation and 42% lightness (hsl(272, 58%, 42%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 8.02:1 contrast ratio on it, versus 2.61:1 for black.
For print, the approximate conversion is cmyk(34%, 73%, 0%, 34%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Grape purple
Complementary
#6F2DA8 · #67A92D
Analogous
#312DA9 · #6F2DA8 · #A92DA5
Triadic
#6F2DA8 · #A96F2D · #2DA96F
Tetradic
#6F2DA8 · #A9312D · #67A92D · #2DA5A9
Split-complementary
#6F2DA8 · #A5A92D · #2DA931
Monochromatic
#2D1244 · #552281 · #6F2DA8 · #9652D1 · #BA8EE1
Grape purple with white and black text
How to use it in CSS
:root {
--color-grape-purple: #6F2DA8;
--color-grape-purple-rgb: 111, 45, 168;
}
.elemento {
background-color: var(--color-grape-purple);
color: #FFFFFF;
}