最接近的命名颜色 · #9F7AEA
#9F7AEA
最接近的命名颜色: Matt Purple
#9F7AEA（rgb(159 122 234)、hsl(260 73% 70%)、oklch(0.664 0.163 297)）最接近命名颜色 Matt Purple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9F7AEA
oklch(0.664 0.163 297)
颜色转换
- HEX
- #9f7aea
- RGB
- rgb(159 122 234)
- HSL
- hsl(260 73% 70%)
- HWB
- hwb(260 48% 8%)
- OKLCH
- oklch(0.664 0.163 297)
- OKLab
- oklab(0.664 0.074 -0.146)
- CIE Lab
- lab(58.65 32.79 -52.26)
- LCH
- lch(58.65 61.69 302.1)
- CMYK
- cmyk(32% 48% 0% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- A888ED
- B195F0
- BAA3F3
- C3B0F5
- CDBDF7
- D7CAF9
- E1D8FB
- EBE5FD
- F5F2FE
深色调
- 8A69CB
- 7559AE
- 614991
- 4D3A75
- 3B2B5A
- 291D41
- 181029
- 090513
- 010103
灰色调
- 9C7CE0
- 987DD5
- 957ECB
- 927FC0
- 8F7FB6
- 8C80AB
- 8980A0
- 868096
- 83808B
配色和谐
互补色 +180°
- 9F7AEA
Matt Purple
- 8E9E00
≈ Noxious
类似色 -30° +30°
- 9F7AEA
Matt Purple
- 668CF7
≈ Punch Out Glove
- C66BC7
≈ Purple Urn Orchid
三角配色 +120° +240°
- 9F7AEA
Matt Purple
- DA7500
≈ Orange Outburst
- 00AB92
≈ Shindig
分裂互补色 +150° +210°
- 9F7AEA
Matt Purple
- B78C00
≈ Loden Yellow
- 3EAD53
≈ Devil’s Grass
四角配色 +90° +180° +270°
- 9F7AEA
Matt Purple
- E6645A
≈ Emberglow
- 8E9E00
≈ Noxious
- 00A6B6
≈ Exotic Sea
对比度与无障碍
Ag
Fail白底
WCAG 3.25:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.44:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.44:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--matt-purple: #9f7aea;
--matt-purple-rgb: 159 122 234;
--matt-purple-oklch: oklch(0.664 0.163 297);
}
.element {
color: var(--matt-purple);
background-color: hsl(260 73% 70%);
border-color: oklch(0.664 0.163 297);
}Tailwind CSS v4
@theme {
--color-matt-purple: #9f7aea;
--color-matt-purple-50: #fbecff;
--color-matt-purple-100: #efddff;
--color-matt-purple-200: #ddc5ff;
--color-matt-purple-300: #c3a4ff;
--color-matt-purple-400: #a987f2;
--color-matt-purple-500: #9369e3;
--color-matt-purple-600: #7d59c0;
--color-matt-purple-700: #64479a;
--color-matt-purple-800: #473474;
--color-matt-purple-900: #312352;
--color-matt-purple-950: #1e1237;
}SCSS
$matt-purple: #9f7aea;
$matt-purple-rgb: 159, 122, 234;
$matt-purple-light: mix(#fff, $matt-purple, 20%);
$matt-purple-dark: mix(#000, $matt-purple, 20%);
.element {
color: $matt-purple;
box-shadow: 0 0 0 2px rgba($matt-purple, 0.35);
}