Nächste benannte Farbe · #8187C4
#8187C4
Nächste benannte Farbe: Galactic Gossamer
#8187C4 (rgb(129 135 196), hsl(235 36% 64%), oklch(0.643 0.091 279.2)) liegt am nächsten an der benannten Farbe Galactic Gossamer. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8187C4
oklch(0.643 0.091 279.2)
Farbumrechnungen
- 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
Farbharmonien
Komplementär +180°
- 8187C4
Galactic Gossamer
- 9B8E49
≈ Off the Grid
Analog -30° +30°
- 8187C4
Galactic Gossamer
- 6091C2
≈ Come Sail Away
- 9D7DB7
≈ Lush Lilac
Triadisch +120° +240°
- 8187C4
Galactic Gossamer
- BD7963
≈ Caribbean Coral
- 589E79
≈ Green Spruce
Geteilt komplementär +150° +210°
- 8187C4
Galactic Gossamer
- B1834C
≈ Gold Plated
- 7B985B
≈ Dry Moss
Tetradisch +90° +180° +270°
- 8187C4
Galactic Gossamer
- BD7581
≈ Rosily
- 9B8E49
≈ Off the Grid
- 3C9F98
≈ Baltic Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.19:1 · APCA Lc 40
Beste Textfarbe: #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);
}