Coloried

Grape

Grape color is a lively shade of purple. Its hex code is #6F2DA8 and rgb code is rgb(111, 45, 168), Its CMYK value is cmyk(34%, 73%, 0%, 34%), and Its HSL value is hsl(272, 58%, 42%). It has a contrast ratio of 8.03:1, while against black color, contrast ratio is 2.62:1. Its complementary color is #67A92D and closest tailwind color is purple-800. This color goes well with #E18EDE, #918EE1, #DFCBF1, #D3D666, and #66D66A. To get thisgrape color, you can mix #0000FF and #DE5A51.

Grape color code
|
1. Color Conversions
HEX#6F2DA8
RGB111, 45, 168
HSL272°, 58%, 42%
HSV272°, 58%, 66%
CMYK34%, 73%, 0%, 34%
Web Safe#663399
2. Contrast Ratio
Text on #FFFFFF8.03:1
AAA LargeAAA Normal
Text on #0000002.62:1
Fail LargeFail Normal
3. Grape Color Code in CSS
HEX
#6F2DA8
RGB
rgb(111, 45, 168)
HSL
hsl(272, 58%, 42%)
Text Color
color: #6F2DA8;
Background
background-color: #6F2DA8;
Border Color
border-color: #6F2DA8;
Box Shadow
box-shadow: 0 4px 14px 0 #6F2DA880;
SCSS
$color-grape: #6F2DA8;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#52528A
Deuteranopia#565B83
Tritanopia#6C736E
Achromatopsia#4F4F4F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive