가장 가까운 이름 색상 · #8187C4
#8187C4
가장 가까운 이름 색상: Galactic Gossamer
#8187C4(rgb(129 135 196), hsl(235 36% 64%), oklch(0.643 0.091 279.2))와 가장 가까운 이름 색상은 Galactic Gossamer입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8187C4
oklch(0.643 0.091 279.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8D93CA
- 999ED0
- A5AAD7
- B1B6DD
- BEC2E3
- CACEE8
- D7DAEE
- E4E6F4
- F2F3F9
셰이드
- 6F75AA
- 5E6391
- 4E5178
- 3E4161
- 2E314A
- 1F2135
- 121321
- 06060E
- 010102
톤
- 8187BD
- 8186B7
- 8085B0
- 8085A9
- 8084A2
- 80839C
- 808395
- 80828E
- 808187
색 조화
보색 +180°
- 8187C4
Galactic Gossamer
- 9B8E49
≈ Off the Grid
유사색 -30° +30°
- 8187C4
Galactic Gossamer
- 6091C2
≈ Come Sail Away
- 9D7DB7
≈ Lush Lilac
삼각 배색 +120° +240°
- 8187C4
Galactic Gossamer
- BD7963
≈ Caribbean Coral
- 589E79
≈ Green Spruce
분열 보색 +150° +210°
- 8187C4
Galactic Gossamer
- B1834C
≈ Gold Plated
- 7B985B
≈ Dry Moss
사각 배색 +90° +180° +270°
- 8187C4
Galactic Gossamer
- BD7581
≈ Rosily
- 9B8E49
≈ Off the Grid
- 3C9F98
≈ Baltic Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.19:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
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);
}