最接近的命名颜色 · #AE7CBF
#AE7CBF
最接近的命名颜色: Wisteria
#AE7CBF（rgb(174 124 191)、hsl(285 34% 62%)、oklch(0.66 0.111 317.3)）最接近命名颜色 Wisteria。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AE7CBF
oklch(0.66 0.111 317.3)
颜色转换
- HEX
- #ae7cbf
- RGB
- rgb(174 124 191)
- HSL
- hsl(285 34% 62%)
- HWB
- hwb(285 49% 25%)
- OKLCH
- oklch(0.66 0.111 317.3)
- OKLab
- oklab(0.66 0.082 -0.075)
- CIE Lab
- lab(59 28.84 -27.48)
- LCH
- lch(59 39.83 316.4)
- CMYK
- cmyk(9% 35% 0% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- B689C6
- BE96CC
- C6A3D3
- CEB0D9
- D7BDE0
- DFCAE6
- E7D7EC
- EFE4F3
- F7F2F9
深色调
- 976BA6
- 805A8D
- 6A4A75
- 553B5E
- 412C48
- 2E1E33
- 1C111F
- 0B050D
- 010102
灰色调
- A97DB9
- A57DB2
- A07EAC
- 9C7FA6
- 977FA0
- 937F99
- 8E8093
- 89808D
- 858086
配色和谐
互补色 +180°
- AE7CBF
Wisteria
- 71A25D
≈ Bulbasaur
类似色 -30° +30°
- AE7CBF
Wisteria
- 8E87D3
≈ Indigo Bloom
- C4759F
≈ Dolomite Red
三角配色 +120° +240°
- AE7CBF
Wisteria
- B8893A
≈ Tinsel
- 09A7AA
≈ Blue Bolero
分裂互补色 +150° +210°
- AE7CBF
Wisteria
- 9A973E
≈ Be Yourself
- 3EA884
≈ Gumdrop Green
四角配色 +90° +180° +270°
- AE7CBF
Wisteria
- C97C54
≈ Challah Bread
- 71A25D
≈ Bulbasaur
- 349FC7
≈ Major Blue
对比度与无障碍
Ag
Fail白底
WCAG 3.26:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.43:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--wisteria: #ae7cbf;
--wisteria-rgb: 174 124 191;
--wisteria-oklch: oklch(0.66 0.111 317.3);
}
.element {
color: var(--wisteria);
background-color: hsl(285 34% 62%);
border-color: oklch(0.66 0.111 317.3);
}Tailwind CSS v4
@theme {
--color-wisteria: #ae7cbf;
--color-wisteria-50: #ffecff;
--color-wisteria-100: #f9ddff;
--color-wisteria-200: #eac6f3;
--color-wisteria-300: #d1a5dc;
--color-wisteria-400: #b989ca;
--color-wisteria-500: #a46db6;
--color-wisteria-600: #8b5d9a;
--color-wisteria-700: #6f4a7c;
--color-wisteria-800: #51365d;
--color-wisteria-900: #382541;
--color-wisteria-950: #231329;
}SCSS
$wisteria: #ae7cbf;
$wisteria-rgb: 174, 124, 191;
$wisteria-light: mix(#fff, $wisteria, 20%);
$wisteria-dark: mix(#000, $wisteria, 20%);
.element {
color: $wisteria;
box-shadow: 0 0 0 2px rgba($wisteria, 0.35);
}