#6F2DA8
Grape
Grape is a deep, rich purple inspired by dark grapes. It is bold, luxurious, and carries a sense of mystery.
Grape Color Values
HEX#6F2DA8
RGB111, 45, 168
HSL272°, 58%, 42%
HSV272°, 73%, 66%
CMYK34%, 73%, 0%, 34%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #004FAC (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #0051A6 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #654B68 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #5C5C5C (~0.003% of population)
Grape as Text Color
Grape on White
8.0:1AAA
Grape on Light Gray
7.4:1AAA
Grape on Cream
7.6:1AAA
Grape on Dark
2.1:1FAIL
Grape on Black
2.6:1FAIL
Grape on Soft Blue
7.0:1AAA
Grape on Soft Green
7.1:1AAA
Grape on Soft Pink
6.7:1AA
Nearest Tailwind Class
purple-700
#7E22CE
Nearest Pantone Match
Pantone 2603 C
#702F8A
CSS Variable Export
:root {
--color-grape: #6F2DA8;
--color-grape-rgb: 111, 45, 168;
}Tailwind Config
// tailwind.config.js
colors: {
'grape': '#6F2DA8',
}Shades of Grape
#6F2DA9
#622895
#572385
#4A1E71
#3D195D
#32144D
#250F38
#180A24
#0D0514
#000000
Tints of Grape
#6F2DA9
#7F33C1
#914ACF
#9F62D5
#B17EDD
#BF96E3
#D0B2EB
#DFCBF1
#F0E7F9
#FFFFFF
Color Harmonies
Complementary
#6F2DA8
#67A92D
Analogous
#312DA9
#6F2DA9
#A92DA5
Triadic
#6F2DA9
#A96F2D
#2DA96F
Grape Text Preview
Heading in Grape
Body text in Grape. The quick brown fox jumps over the lazy dog.
White on Grape
Body text on a Grape background.
Grape text on dark background
Contrast: 2.2:1