En yakın adlandırılmış renk · #8187C4
#8187C4
En yakın adlandırılmış renk: Galactic Gossamer
#8187C4 (rgb(129 135 196), hsl(235 36% 64%), oklch(0.643 0.091 279.2)) en çok Galactic Gossamer adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8187C4
oklch(0.643 0.091 279.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8D93CA
- 999ED0
- A5AAD7
- B1B6DD
- BEC2E3
- CACEE8
- D7DAEE
- E4E6F4
- F2F3F9
Koyu tonlar
- 6F75AA
- 5E6391
- 4E5178
- 3E4161
- 2E314A
- 1F2135
- 121321
- 06060E
- 010102
Gri tonlar
- 8187BD
- 8186B7
- 8085B0
- 8085A9
- 8084A2
- 80839C
- 808395
- 80828E
- 808187
Renk uyumları
Tamamlayıcı +180°
- 8187C4
Galactic Gossamer
- 9B8E49
≈ Off the Grid
Analog -30° +30°
- 8187C4
Galactic Gossamer
- 6091C2
≈ Come Sail Away
- 9D7DB7
≈ Lush Lilac
Üçlü +120° +240°
- 8187C4
Galactic Gossamer
- BD7963
≈ Caribbean Coral
- 589E79
≈ Green Spruce
Bölünmüş tamamlayıcı +150° +210°
- 8187C4
Galactic Gossamer
- B1834C
≈ Gold Plated
- 7B985B
≈ Dry Moss
Dörtlü +90° +180° +270°
- 8187C4
Galactic Gossamer
- BD7581
≈ Rosily
- 9B8E49
≈ Off the Grid
- 3C9F98
≈ Baltic Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.38:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.19:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
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);
}