最接近的命名颜色 · #837FB9
#837FB9
最接近的命名颜色: Aster
#837FB9（rgb(131 127 185)、hsl(244 29% 61%)、oklch(0.623 0.087 286.7)）最接近命名颜色 Aster。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#837FB9
oklch(0.623 0.087 286.7)
颜色转换
- HEX
- #837fb9
- RGB
- rgb(131 127 185)
- HSL
- hsl(244 29% 61%)
- HWB
- hwb(244 50% 27%)
- OKLCH
- oklch(0.623 0.087 286.7)
- OKLab
- oklab(0.623 0.025 -0.083)
- CIE Lab
- lab(55.28 11.62 -30.21)
- LCH
- lch(55.28 32.37 291)
- CMYK
- cmyk(29% 31% 0% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- 8E8BC0
- 9A98C7
- A6A4CF
- B2B1D6
- BFBEDD
- CBCBE4
- D8D8EB
- E5E5F1
- F2F2F8
深色调
- 716EA0
- 605D89
- 4F4C71
- 3F3C5B
- 2F2D46
- 201F31
- 12111E
- 06060D
- 010102
灰色调
- 837FB3
- 8280AE
- 8280A8
- 8180A3
- 81809D
- 818097
- 818092
- 80808C
- 808086
配色和谐
互补色 +180°
- 837FB9
Aster
- 8D8B4A
≈ Warm Wetlands
类似色 -30° +30°
- 837FB9
Aster
- 6589BB
≈ Faded Blue
- 9C77AA
≈ Karma Chameleon
三角配色 +120° +240°
- 837FB9
Aster
- B27659
≈ Apricot Mix
- 4D987C
≈ Greenway
分裂互补色 +150° +210°
- 837FB9
Aster
- A58048
≈ Caramel Suede
- 6E935F
≈ Wakatake Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.68:1 · APCA Lc 64
Ag
AA黑底
WCAG 5.70:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--aster: #837fb9;
--aster-rgb: 131 127 185;
--aster-oklch: oklch(0.623 0.087 286.7);
}
.element {
color: var(--aster);
background-color: hsl(244 29% 61%);
border-color: oklch(0.623 0.087 286.7);
}Tailwind CSS v4
@theme {
--color-aster: #837fb9;
--color-aster-50: #f4f2ff;
--color-aster-100: #e6e4ff;
--color-aster-200: #d2cff8;
--color-aster-300: #b5b1e2;
--color-aster-400: #9a97d0;
--color-aster-500: #827dbd;
--color-aster-600: #6e6a9f;
--color-aster-700: #585580;
--color-aster-800: #3f3e5f;
--color-aster-900: #2b2b43;
--color-aster-950: #19182b;
}SCSS
$aster: #837fb9;
$aster-rgb: 131, 127, 185;
$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);
}