最接近的命名颜色 · #6E3A6A
#6E3A6A
最接近的命名颜色: Plum
#6E3A6A（rgb(110 58 106)、hsl(305 31% 33%)、oklch(0.432 0.099 330)）最接近命名颜色 Plum。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6E3A6A
oklch(0.432 0.099 330)
颜色转换
- HEX
- #6e3a6a
- RGB
- rgb(110 58 106)
- HSL
- hsl(305 31% 33%)
- HWB
- hwb(305 23% 57%)
- OKLCH
- oklch(0.432 0.099 330)
- OKLab
- oklab(0.432 0.086 -0.05)
- CIE Lab
- lab(32.65 29 -18.05)
- LCH
- lch(32.65 34.16 328.1)
- CMYK
- cmyk(0% 47% 4% 57%)
浅色调 · 深色调 · 灰色调
浅色调
- 7C4C78
- 8B5F86
- 997295
- A785A4
- B699B2
- C4ACC1
- D3C1D1
- E2D5E0
- F0EAEF
深色调
- 5F315B
- 50284D
- 41203F
- 331831
- 261024
- 190918
- 0E040D
- 040104
- 010000
灰色调
- 70416C
- 73496F
- 755071
- 775773
- 785E76
- 7A6578
- 7C6B7A
- 7D727C
- 7F797E
配色和谐
互补色 +180°
- 6E3A6A
Plum
- 1D5F31
≈ Derbyshire
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.48:1 · APCA Lc 89
Ag
Fail黑底
WCAG 2.47:1 · APCA Lc 13
最佳文字颜色: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--plum: #6e3a6a;
--plum-rgb: 110 58 106;
--plum-oklch: oklch(0.432 0.099 330);
}
.element {
color: var(--plum);
background-color: hsl(305 31% 33%);
border-color: oklch(0.432 0.099 330);
}Tailwind CSS v4
@theme {
--color-plum: #6e3a6a;
--color-plum-50: #ffebff;
--color-plum-100: #fddcf7;
--color-plum-200: #eec5e7;
--color-plum-300: #d6a5ce;
--color-plum-400: #c089ba;
--color-plum-500: #ab6da5;
--color-plum-600: #905d8c;
--color-plum-700: #744a70;
--color-plum-800: #553654;
--color-plum-900: #3b253a;
--color-plum-950: #251324;
}SCSS
$plum: #6e3a6a;
$plum-rgb: 110, 58, 106;
$plum-light: mix(#fff, $plum, 20%);
$plum-dark: mix(#000, $plum, 20%);
.element {
color: $plum;
box-shadow: 0 0 0 2px rgba($plum, 0.35);
}