가장 가까운 이름 색상 · #8677B4
#8677B4
가장 가까운 이름 색상: Aster
#8677B4(rgb(134 119 180), hsl(255 29% 59%), oklch(0.607 0.092 294.8))와 가장 가까운 이름 색상은 Aster입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8677B4
oklch(0.607 0.092 294.8)
색상 변환
- HEX
- #8677b4
- RGB
- rgb(134 119 180)
- HSL
- hsl(255 29% 59%)
- HWB
- hwb(255 47% 29%)
- OKLCH
- oklch(0.607 0.092 294.8)
- OKLab
- oklab(0.607 0.039 -0.084)
- CIE Lab
- lab(53.27 16.06 -30.43)
- LCH
- lch(53.27 34.41 297.8)
- CMYK
- cmyk(26% 34% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 9184BC
- 9D91C3
- A89FCB
- B4ACD3
- C0BADA
- CDC7E2
- D9D5E9
- E5E3F0
- F2F1F8
셰이드
- 74679C
- 625785
- 51476E
- 403858
- 302A44
- 211C30
- 13101D
- 06050C
- 010102
톤
- 8578AF
- 8579AA
- 847AA5
- 837BA0
- 837C9B
- 827D95
- 827E90
- 817F8B
- 807F85
색 조화
보색 +180°
- 8677B4
Aster
- 818945
≈ Sea Turtle
유사색 -30° +30°
- 8677B4
Aster
- 6781BA
≈ Watertown
- 9E6FA1
≈ Dark Lilac
삼각 배색 +120° +240°
- 8677B4
Aster
- AD734A
≈ Burnt Almond
- 3A947F
≈ Winter Green
분열 보색 +150° +210°
- 8677B4
Aster
- 9C7E3C
≈ Burnished Bronze
- 5E915F
≈ Irish Charm
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.31:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--aster: #8677b4;
--aster-rgb: 134 119 180;
--aster-oklch: oklch(0.607 0.092 294.8);
}
.element {
color: var(--aster);
background-color: hsl(255 29% 59%);
border-color: oklch(0.607 0.092 294.8);
}Tailwind CSS v4
@theme {
--color-aster: #8677b4;
--color-aster-50: #f7f0ff;
--color-aster-100: #eae2ff;
--color-aster-200: #d8cdf8;
--color-aster-300: #bcaee2;
--color-aster-400: #a294d0;
--color-aster-500: #8a79bd;
--color-aster-600: #7567a0;
--color-aster-700: #5e5280;
--color-aster-800: #433c60;
--color-aster-900: #2f2943;
--color-aster-950: #1b172b;
}SCSS
$aster: #8677b4;
$aster-rgb: 134, 119, 180;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}