最接近的命名颜色 · #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);
}