命名颜色 · #9A7AA0
Divine
Divine 即 #9A7AA0：rgb(154 122 160)、hsl(291 17% 55%)、oklch(0.623 0.067 321)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Divine color name →
#9A7AA0
oklch(0.623 0.067 321)
颜色转换
- HEX
- #9a7aa0
- RGB
- rgb(154 122 160)
- HSL
- hsl(291 17% 55%)
- HWB
- hwb(291 48% 37%)
- OKLCH
- oklch(0.623 0.067 321)
- OKLab
- oklab(0.623 0.052 -0.042)
- CIE Lab
- lab(55.35 18 -15.55)
- LCH
- lch(55.35 23.78 319.2)
- CMYK
- cmyk(4% 24% 0% 37%)
浅色调 · 深色调 · 灰色调
浅色调
- A487A9
- AE93B3
- B8A0BC
- C2AEC5
- CCBBCF
- D6C8D8
- E0D6E2
- EAE3EC
- F5F1F5
深色调
- 85698B
- 715976
- 5E4961
- 4B3A4E
- 392B3B
- 271D29
- 171019
- 090509
- 010101
灰色调
- 977B9D
- 957B9A
- 927C97
- 907D93
- 8D7D90
- 8B7E8D
- 887E8A
- 857F86
- 838083
配色和谐
互补色 +180°
- 9A7AA0
Divine
- 71926B
≈ Aspen Green
类似色 -30° +30°
- 9A7AA0
Divine
- 8780AD
≈ Aster Purple
- A7778C
≈ Upper Crust
三角配色 +120° +240°
- 9A7AA0
Divine
- 9C8358
≈ Spacious Plain
- 529398
≈ Bluebound
分裂互补色 +150° +210°
- 9A7AA0
Divine
- 888B5B
≈ Green Olive
- 5B9582
≈ Fiddler
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.70:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.66:1 · APCA Lc 37
最佳文字颜色: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
代码片段
CSS
:root {
--divine: #9a7aa0;
--divine-rgb: 154 122 160;
--divine-oklch: oklch(0.623 0.067 321);
}
.element {
color: var(--divine);
background-color: hsl(291 17% 55%);
border-color: oklch(0.623 0.067 321);
}Tailwind CSS v4
@theme {
--color-divine: #9a7aa0;
--color-divine-50: #ffefff;
--color-divine-100: #f3e1f5;
--color-divine-200: #e3cbe5;
--color-divine-300: #c9accc;
--color-divine-400: #b192b7;
--color-divine-500: #9b78a1;
--color-divine-600: #836588;
--color-divine-700: #69516d;
--color-divine-800: #4d3b51;
--color-divine-900: #352839;
--color-divine-950: #201623;
}SCSS
$divine: #9a7aa0;
$divine-rgb: 154, 122, 160;
$divine-light: mix(#fff, $divine, 20%);
$divine-dark: mix(#000, $divine, 20%);
.element {
color: $divine;
box-shadow: 0 0 0 2px rgba($divine, 0.35);
}