最接近的命名颜色 · #8D4188
#8D4188
最接近的命名颜色: Prunella
#8D4188（rgb(141 65 136)、hsl(304 37% 40%)、oklch(0.5 0.138 329.9)）最接近命名颜色 Prunella。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8D4188
oklch(0.5 0.138 329.9)
颜色转换
- HEX
- #8d4188
- RGB
- rgb(141 65 136)
- HSL
- hsl(304 37% 40%)
- HWB
- hwb(304 25% 45%)
- OKLCH
- oklch(0.5 0.138 329.9)
- OKLab
- oklab(0.5 0.119 -0.069)
- CIE Lab
- lab(39.93 40.24 -25)
- LCH
- lch(39.93 47.37 328.1)
- CMYK
- cmyk(0% 54% 4% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 995494
- A5679F
- B179AB
- BC8CB7
- C89FC3
- D3B1CF
- DEC5DB
- E9D8E7
- F4EBF3
深色调
- 7A3775
- 672E63
- 552552
- 441C41
- 331331
- 230B22
- 140513
- 070106
- 010001
灰色调
- 8C4887
- 8C5087
- 8B5686
- 8A5D86
- 896385
- 876984
- 866F83
- 847582
- 827A81
配色和谐
互补色 +180°
- 8D4188
Prunella
- 007835
≈ Forestial
类似色 -30° +30°
- 8D4188
Prunella
- 704DA5
≈ Studio
- 9E3A60
≈ Boysenberry Pink
三角配色 +120° +240°
- 8D4188
Prunella
- 7A6000
≈ Ground Earth
- 00707E
≈ Iridescent Peacock
分裂互补色 +150° +210°
- 8D4188
Prunella
- 5B6C00
≈ Bowser Shell
- 007465
≈ Northern Hemisphere
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.47:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.24:1 · APCA Lc 20
最佳文字颜色: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--prunella: #8d4188;
--prunella-rgb: 141 65 136;
--prunella-oklch: oklch(0.5 0.138 329.9);
}
.element {
color: var(--prunella);
background-color: hsl(304 37% 40%);
border-color: oklch(0.5 0.138 329.9);
}Tailwind CSS v4
@theme {
--color-prunella: #8d4188;
--color-prunella-50: #ffe7ff;
--color-prunella-100: #ffd8fd;
--color-prunella-200: #f8bfef;
--color-prunella-300: #e19dd7;
--color-prunella-400: #cc7fc5;
--color-prunella-500: #b760b1;
--color-prunella-600: #9b5296;
--color-prunella-700: #7c4178;
--color-prunella-800: #5b2f5a;
--color-prunella-900: #40203f;
--color-prunella-950: #290f28;
}SCSS
$prunella: #8d4188;
$prunella-rgb: 141, 65, 136;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}