最接近的命名颜色 · #A589AA
#A589AA
最接近的命名颜色: Metal Petal
#A589AA（rgb(165 137 170)、hsl(291 16% 60%)、oklch(0.667 0.058 321.2)）最接近命名颜色 Metal Petal。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A589AA
oklch(0.667 0.058 321.2)
颜色转换
- HEX
- #a589aa
- RGB
- rgb(165 137 170)
- HSL
- hsl(291 16% 60%)
- HWB
- hwb(291 54% 33%)
- OKLCH
- oklch(0.667 0.058 321.2)
- OKLab
- oklab(0.667 0.045 -0.036)
- CIE Lab
- lab(60.55 15.45 -13.34)
- LCH
- lch(60.55 20.41 319.2)
- CMYK
- cmyk(3% 19% 0% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- AE94B2
- B7A0BB
- C0ABC3
- C8B7CC
- D1C3D4
- DACEDD
- E4DAE5
- EDE7EE
- F6F3F6
深色调
- 8F7693
- 79647D
- 655368
- 514253
- 3D313F
- 2B222D
- 1A141B
- 0A070B
- 010101
灰色调
- A188A6
- 9E87A2
- 9A869D
- 968699
- 938595
- 8F8491
- 8B838D
- 878288
- 848184
配色和谐
互补色 +180°
- A589AA
Metal Petal
- 819E7C
≈ Green Grey
类似色 -30° +30°
- A589AA
Metal Petal
- 948EB6
≈ Brave Purple
- B18698
≈ Light Brown Drab
三角配色 +120° +240°
- A589AA
Metal Petal
- A6916C
≈ Ecosystem
- 699FA3
≈ Meadowbrook
分裂互补色 +150° +210°
- A589AA
Metal Petal
- 95986F
≈ Silk Road
- 70A090
≈ Greyish Teal
四角配色 +90° +180° +270°
- A589AA
Metal Petal
- B28B74
≈ Macaroon
- 819E7C
≈ Green Grey
- 709BB2
≈ Ocean View
对比度与无障碍
Ag
Fail白底
WCAG 3.10:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.75:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
CSS
:root {
--metal-petal: #a589aa;
--metal-petal-rgb: 165 137 170;
--metal-petal-oklch: oklch(0.667 0.058 321.2);
}
.element {
color: var(--metal-petal);
background-color: hsl(291 16% 60%);
border-color: oklch(0.667 0.058 321.2);
}Tailwind CSS v4
@theme {
--color-metal-petal: #a589aa;
--color-metal-petal-50: #fef0ff;
--color-metal-petal-100: #f2e2f3;
--color-metal-petal-200: #e1cce3;
--color-metal-petal-300: #c6aec9;
--color-metal-petal-400: #af94b3;
--color-metal-petal-500: #987a9e;
--color-metal-petal-600: #816785;
--color-metal-petal-700: #67526b;
--color-metal-petal-800: #4b3c4f;
--color-metal-petal-900: #342937;
--color-metal-petal-950: #201722;
}SCSS
$metal-petal: #a589aa;
$metal-petal-rgb: 165, 137, 170;
$metal-petal-light: mix(#fff, $metal-petal, 20%);
$metal-petal-dark: mix(#000, $metal-petal, 20%);
.element {
color: $metal-petal;
box-shadow: 0 0 0 2px rgba($metal-petal, 0.35);
}