Najbliższy nazwany kolor · #8187C4
#8187C4
Najbliższy nazwany kolor: Galactic Gossamer
#8187C4 (rgb(129 135 196), hsl(235 36% 64%), oklch(0.643 0.091 279.2)) jest najbliższy nazwanemu kolorowi Galactic Gossamer. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8187C4
oklch(0.643 0.091 279.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8D93CA
- 999ED0
- A5AAD7
- B1B6DD
- BEC2E3
- CACEE8
- D7DAEE
- E4E6F4
- F2F3F9
Odcienie ciemniejsze
- 6F75AA
- 5E6391
- 4E5178
- 3E4161
- 2E314A
- 1F2135
- 121321
- 06060E
- 010102
Tony
- 8187BD
- 8186B7
- 8085B0
- 8085A9
- 8084A2
- 80839C
- 808395
- 80828E
- 808187
Harmonie kolorów
Komplementarna +180°
- 8187C4
Galactic Gossamer
- 9B8E49
≈ Off the Grid
Analogowa -30° +30°
- 8187C4
Galactic Gossamer
- 6091C2
≈ Come Sail Away
- 9D7DB7
≈ Lush Lilac
Triada +120° +240°
- 8187C4
Galactic Gossamer
- BD7963
≈ Caribbean Coral
- 589E79
≈ Green Spruce
Komplementarna rozszczepiona +150° +210°
- 8187C4
Galactic Gossamer
- B1834C
≈ Gold Plated
- 7B985B
≈ Dry Moss
Tetrada +90° +180° +270°
- 8187C4
Galactic Gossamer
- BD7581
≈ Rosily
- 9B8E49
≈ Off the Grid
- 3C9F98
≈ Baltic Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.38:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.19:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}