가장 가까운 이름 색상 · #8D829D
#8D829D
가장 가까운 이름 색상: Hatoba Pigeon
#8D829D(rgb(141 130 157), hsl(264 12% 56%), oklch(0.626 0.042 303.7))와 가장 가까운 이름 색상은 Hatoba Pigeon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8D829D
oklch(0.626 0.042 303.7)
색상 변환
- HEX
- #8d829d
- RGB
- rgb(141 130 157)
- HSL
- hsl(264 12% 56%)
- HWB
- hwb(264 51% 38%)
- OKLCH
- oklch(0.626 0.042 303.7)
- OKLab
- oklab(0.626 0.023 -0.035)
- CIE Lab
- lab(56.06 8.37 -12.92)
- LCH
- lch(56.06 15.39 302.9)
- CMYK
- cmyk(10% 17% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 988EA7
- A39AB0
- AEA6BA
- B9B2C3
- C4BFCD
- D0CBD7
- DCD8E1
- E7E5EB
- F3F2F5
셰이드
- 7A7088
- 675F73
- 554E5F
- 443E4C
- 332F3A
- 232028
- 141218
- 070609
- 010101
톤
- 8C829A
- 8A8297
- 898294
- 888191
- 86818F
- 85818C
- 848189
- 838086
- 818083
색 조화
보색 +180°
- 8D829D
Hatoba Pigeon
- 828C71
≈ Canaletto
유사색 -30° +30°
- 8D829D
Hatoba Pigeon
- 7F87A2
≈ Velvet Curtain
- 987F93
≈ Amorous
삼각 배색 +120° +240°
- 8D829D
Hatoba Pigeon
- 9A836E
≈ Even Evan
- 6C908A
≈ Gumbo
분열 보색 +150° +210°
- 8D829D
Hatoba Pigeon
- 90886B
≈ Wilderness
- 75907C
≈ Rainford
사각 배색 +90° +180° +270°
- 8D829D
Hatoba Pigeon
- A07F77
≈ Cougar
- 828C71
≈ Canaletto
- 6B8F97
≈ Baritone
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.61:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.81:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--hatoba-pigeon: #8d829d;
--hatoba-pigeon-rgb: 141 130 157;
--hatoba-pigeon-oklch: oklch(0.626 0.042 303.7);
}
.element {
color: var(--hatoba-pigeon);
background-color: hsl(264 12% 56%);
border-color: oklch(0.626 0.042 303.7);
}Tailwind CSS v4
@theme {
--color-hatoba-pigeon: #8d829d;
--color-hatoba-pigeon-50: #f8f2ff;
--color-hatoba-pigeon-100: #ebe5f3;
--color-hatoba-pigeon-200: #d8d0e3;
--color-hatoba-pigeon-300: #bcb2c9;
--color-hatoba-pigeon-400: #a399b3;
--color-hatoba-pigeon-500: #8c809d;
--color-hatoba-pigeon-600: #766c85;
--color-hatoba-pigeon-700: #5f566b;
--color-hatoba-pigeon-800: #453f4f;
--color-hatoba-pigeon-900: #302b37;
--color-hatoba-pigeon-950: #1c1922;
}SCSS
$hatoba-pigeon: #8d829d;
$hatoba-pigeon-rgb: 141, 130, 157;
$hatoba-pigeon-light: mix(#fff, $hatoba-pigeon, 20%);
$hatoba-pigeon-dark: mix(#000, $hatoba-pigeon, 20%);
.element {
color: $hatoba-pigeon;
box-shadow: 0 0 0 2px rgba($hatoba-pigeon, 0.35);
}