Named color · #6B327B
Galactic Grapevine
Galactic Grapevine is #6B327B: rgb(107 50 123), hsl(287 42% 34%), oklch(0.425 0.13 318.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Galactic Grapevine color name →
#6B327B
oklch(0.425 0.13 318.4)
Color conversions
- HEX
- #6b327b
- RGB
- rgb(107 50 123)
- HSL
- hsl(287 42% 34%)
- HWB
- hwb(287 20% 52%)
- OKLCH
- oklch(0.425 0.13 318.4)
- OKLab
- oklab(0.425 0.097 -0.086)
- CIE Lab
- lab(31.25 34.89 -30.97)
- LCH
- lch(31.25 46.65 318.4)
- CMYK
- cmyk(13% 59% 0% 52%)
Tints · Shades · Tones
Tints
- 794688
- 885A95
- 966EA2
- A582B0
- B496BD
- C3AACA
- D2BFD7
- E1D4E4
- F0E9F2
Shades
- 5C2A6A
- 4E225A
- 3F1B4A
- 32143A
- 250D2C
- 18071E
- 0D0310
- 040105
- 000001
Tones
- 6E3B7C
- 70437D
- 724B7E
- 75537E
- 775B7F
- 79627F
- 7B6A80
- 7D7180
- 7E7980
Color harmonies
Complementary +180°
- 6B327B
Galactic Grapevine
- 235E04
≈ Thuja Green
Analogous -30° +30°
- 6B327B
Galactic Grapevine
- 4E3E90
≈ Blue Gem
- 7E295A
≈ Pico Eggplant
Triadic +120° +240°
- 6B327B
Galactic Grapevine
- 684700
≈ Violin Brown
- 005A5D
≈ Blue Emerald
Split-complementary +150° +210°
- 6B327B
Galactic Grapevine
- 535200
≈ Douro
- 005D46
≈ Sci-Fi Takeout
Tetradic +90° +180° +270°
- 6B327B
Galactic Grapevine
- 7E3600
≈ Red Beech
- 235E04
≈ Thuja Green
- 005672
≈ Night Kite
Contrast & accessibility
Ag
AAAOn white
WCAG 8.87:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.36:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 8.87:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--galactic-grapevine: #6b327b;
--galactic-grapevine-rgb: 107 50 123;
--galactic-grapevine-oklch: oklch(0.425 0.13 318.4);
}
.element {
color: var(--galactic-grapevine);
background-color: hsl(287 42% 34%);
border-color: oklch(0.425 0.13 318.4);
}Tailwind CSS v4
@theme {
--color-galactic-grapevine: #6b327b;
--color-galactic-grapevine-50: #ffeaff;
--color-galactic-grapevine-100: #fcdbff;
--color-galactic-grapevine-200: #eec3f7;
--color-galactic-grapevine-300: #d5a2e1;
--color-galactic-grapevine-400: #bf85d0;
--color-galactic-grapevine-500: #aa67bd;
--color-galactic-grapevine-600: #8f589f;
--color-galactic-grapevine-700: #734680;
--color-galactic-grapevine-800: #543360;
--color-galactic-grapevine-900: #3a2343;
--color-galactic-grapevine-950: #24112b;
}SCSS
$galactic-grapevine: #6b327b;
$galactic-grapevine-rgb: 107, 50, 123;
$galactic-grapevine-light: mix(#fff, $galactic-grapevine, 20%);
$galactic-grapevine-dark: mix(#000, $galactic-grapevine, 20%);
.element {
color: $galactic-grapevine;
box-shadow: 0 0 0 2px rgba($galactic-grapevine, 0.35);
}