最接近的命名颜色 · #80508A
#80508A
最接近的命名颜色: Prunella
#80508A（rgb(128 80 138)、hsl(290 27% 43%)、oklch(0.508 0.105 320.5)）最接近命名颜色 Prunella。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#80508A
oklch(0.508 0.105 320.5)
颜色转换
- HEX
- #80508a
- RGB
- rgb(128 80 138)
- HSL
- hsl(290 27% 43%)
- HWB
- hwb(290 31% 46%)
- OKLCH
- oklch(0.508 0.105 320.5)
- OKLab
- oklab(0.508 0.081 -0.067)
- CIE Lab
- lab(41.37 28.28 -24.17)
- LCH
- lch(41.37 37.2 319.5)
- CMYK
- cmyk(7% 42% 0% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 8C6196
- 9971A1
- A582AD
- B293B8
- BFA5C4
- CBB6D0
- D8C8DB
- E5DAE7
- F2EDF3
深色调
- 6E4477
- 5D3965
- 4D2E53
- 3D2442
- 2E1A32
- 1F1022
- 120714
- 060207
- 010001
灰色调
- 805589
- 815A88
- 815F88
- 816487
- 816986
- 816E85
- 817284
- 817783
- 807B81
配色和谐
互补色 +180°
- 80508A
Prunella
- 427438
≈ Cucumber Queen
类似色 -30° +30°
- 80508A
Prunella
- 66599D
≈ Giant Onion
- 914A6D
≈ Goddess of Dawn
三角配色 +120° +240°
- 80508A
Prunella
- 845E01
≈ Soil of Avagddu
- 007479
≈ Maxi Teal
分裂互补色 +150° +210°
- 80508A
Prunella
- 696A11
≈ Worn Olive
- 00775D
≈ Tropical Rainforest
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.11:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.43:1 · APCA Lc 21
最佳文字颜色: #FFFFFF
WCAG 6.11:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--prunella: #80508a;
--prunella-rgb: 128 80 138;
--prunella-oklch: oklch(0.508 0.105 320.5);
}
.element {
color: var(--prunella);
background-color: hsl(290 27% 43%);
border-color: oklch(0.508 0.105 320.5);
}Tailwind CSS v4
@theme {
--color-prunella: #80508a;
--color-prunella-50: #ffecff;
--color-prunella-100: #f9ddfd;
--color-prunella-200: #eac6ef;
--color-prunella-300: #d1a6d7;
--color-prunella-400: #ba8ac5;
--color-prunella-500: #a56eb1;
--color-prunella-600: #8c5d95;
--color-prunella-700: #704b78;
--color-prunella-800: #52365a;
--color-prunella-900: #39253f;
--color-prunella-950: #231328;
}SCSS
$prunella: #80508a;
$prunella-rgb: 128, 80, 138;
$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);
}