最接近的命名颜色 · #846A99
#846A99
最接近的命名颜色: Purple Haze
#846A99（rgb(132 106 153)、hsl(273 19% 51%)、oklch(0.567 0.077 309.3)）最接近命名颜色 Purple Haze。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#846A99
oklch(0.567 0.077 309.3)
颜色转换
- HEX
- #846a99
- RGB
- rgb(132 106 153)
- HSL
- hsl(273 19% 51%)
- HWB
- hwb(273 42% 40%)
- OKLCH
- oklch(0.567 0.077 309.3)
- OKLab
- oklab(0.567 0.049 -0.059)
- CIE Lab
- lab(48.76 17.68 -21.72)
- LCH
- lch(48.76 28.01 309.1)
- CMYK
- cmyk(14% 31% 0% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 9078A3
- 9B86AD
- A795B7
- B4A3C1
- C0B2CC
- CCC1D6
- D9D0E0
- E5E0EA
- F2EFF5
深色调
- 725B84
- 604D70
- 4F3F5D
- 3F314A
- 2F2438
- 201827
- 120D17
- 060408
- 010001
灰色调
- 846C97
- 836F94
- 837192
- 82738F
- 82758D
- 82788A
- 817A88
- 817C85
- 807E83
配色和谐
互补色 +180°
- 846A99
Purple Haze
- 68804E
≈ Woodland Nymph
类似色 -30° +30°
- 846A99
Purple Haze
- 6D72A3
≈ Mountain Flower Mauve
- 956585
≈ Rust Magenta
三角配色 +120° +240°
- 846A99
Purple Haze
- 946E43
≈ Grog Yellow
- 378580
≈ Emu Egg
分裂互补色 +150° +210°
- 846A99
Purple Haze
- 827740
≈ Marsh Grass
- 4C8566
≈ Herb Blend
四角配色 +90° +180° +270°
- 846A99
Purple Haze
- 9E6754
≈ Warm Up
- 68804E
≈ Woodland Nymph
- 3B8195
≈ Wipeout
对比度与无障碍
Ag
AA白底
WCAG 4.66:1 · APCA Lc 72
Ag
AA黑底
WCAG 4.50:1 · APCA Lc 29
最佳文字颜色: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--purple-haze: #846a99;
--purple-haze-rgb: 132 106 153;
--purple-haze-oklch: oklch(0.567 0.077 309.3);
}
.element {
color: var(--purple-haze);
background-color: hsl(273 19% 51%);
border-color: oklch(0.567 0.077 309.3);
}Tailwind CSS v4
@theme {
--color-purple-haze: #846a99;
--color-purple-haze-50: #fcefff;
--color-purple-haze-100: #f0e1fb;
--color-purple-haze-200: #dfcced;
--color-purple-haze-300: #c4add5;
--color-purple-haze-400: #ac92c1;
--color-purple-haze-500: #9578ad;
--color-purple-haze-600: #7e6692;
--color-purple-haze-700: #655175;
--color-purple-haze-800: #493b57;
--color-purple-haze-900: #33293d;
--color-purple-haze-950: #1f1626;
}SCSS
$purple-haze: #846a99;
$purple-haze-rgb: 132, 106, 153;
$purple-haze-light: mix(#fff, $purple-haze, 20%);
$purple-haze-dark: mix(#000, $purple-haze, 20%);
.element {
color: $purple-haze;
box-shadow: 0 0 0 2px rgba($purple-haze, 0.35);
}