Nearest named color · #8187C4
#8187C4
Nearest named color: Galactic Gossamer
#8187C4 (rgb(129 135 196), hsl(235 36% 64%), oklch(0.643 0.091 279.2)) is closest to the named color Galactic Gossamer. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8187C4
oklch(0.643 0.091 279.2)
Color conversions
- HEX
- #8187c4
- RGB
- rgb(129 135 196)
- HSL
- hsl(235 36% 64%)
- HWB
- hwb(235 51% 23%)
- OKLCH
- oklch(0.643 0.091 279.2)
- OKLab
- oklab(0.643 0.015 -0.09)
- CIE Lab
- lab(57.65 8.83 -32.8)
- LCH
- lch(57.65 33.96 285.1)
- CMYK
- cmyk(34% 31% 0% 23%)
Tints · Shades · Tones
Tints
- 8D93CA
- 999ED0
- A5AAD7
- B1B6DD
- BEC2E3
- CACEE8
- D7DAEE
- E4E6F4
- F2F3F9
Shades
- 6F75AA
- 5E6391
- 4E5178
- 3E4161
- 2E314A
- 1F2135
- 121321
- 06060E
- 010102
Tones
- 8187BD
- 8186B7
- 8085B0
- 8085A9
- 8084A2
- 80839C
- 808395
- 80828E
- 808187
Color harmonies
Complementary +180°
- 8187C4
Galactic Gossamer
- 9B8E49
≈ Off the Grid
Analogous -30° +30°
- 8187C4
Galactic Gossamer
- 6091C2
≈ Come Sail Away
- 9D7DB7
≈ Lush Lilac
Triadic +120° +240°
- 8187C4
Galactic Gossamer
- BD7963
≈ Caribbean Coral
- 589E79
≈ Green Spruce
Split-complementary +150° +210°
- 8187C4
Galactic Gossamer
- B1834C
≈ Gold Plated
- 7B985B
≈ Dry Moss
Tetradic +90° +180° +270°
- 8187C4
Galactic Gossamer
- BD7581
≈ Rosily
- 9B8E49
≈ Off the Grid
- 3C9F98
≈ Baltic Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.38:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.19:1 · APCA Lc 40
Best text color: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--galactic-gossamer: #8187c4;
--galactic-gossamer-rgb: 129 135 196;
--galactic-gossamer-oklch: oklch(0.643 0.091 279.2);
}
.element {
color: var(--galactic-gossamer);
background-color: hsl(235 36% 64%);
border-color: oklch(0.643 0.091 279.2);
}Tailwind CSS v4
@theme {
--color-galactic-gossamer: #8187c4;
--color-galactic-gossamer-50: #f0f3ff;
--color-galactic-gossamer-100: #e2e5ff;
--color-galactic-gossamer-200: #cdd0fb;
--color-galactic-gossamer-300: #afb3e6;
--color-galactic-gossamer-400: #9399d4;
--color-galactic-gossamer-500: #797fc2;
--color-galactic-gossamer-600: #676ca4;
--color-galactic-gossamer-700: #525683;
--color-galactic-gossamer-800: #3a3f62;
--color-galactic-gossamer-900: #282c45;
--color-galactic-gossamer-950: #16192c;
}SCSS
$galactic-gossamer: #8187c4;
$galactic-gossamer-rgb: 129, 135, 196;
$galactic-gossamer-light: mix(#fff, $galactic-gossamer, 20%);
$galactic-gossamer-dark: mix(#000, $galactic-gossamer, 20%);
.element {
color: $galactic-gossamer;
box-shadow: 0 0 0 2px rgba($galactic-gossamer, 0.35);
}