最接近的命名颜色 · #6E2FB7
#6E2FB7
最接近的命名颜色: Purple Emperor
#6E2FB7（rgb(110 47 183)、hsl(268 59% 45%)、oklch(0.468 0.2 299.6)）最接近命名颜色 Purple Emperor。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#6E2FB7
oklch(0.468 0.2 299.6)
颜色转换
- HEX
- #6e2fb7
- RGB
- rgb(110 47 183)
- HSL
- hsl(268 59% 45%)
- HWB
- hwb(268 18% 28%)
- OKLCH
- oklch(0.468 0.2 299.6)
- OKLab
- oklab(0.468 0.099 -0.174)
- CIE Lab
- lab(34.76 48.13 -61.76)
- LCH
- lch(34.76 78.3 307.9)
- CMYK
- cmyk(40% 74% 0% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 7B48C0
- 885EC8
- 9673D0
- A487D8
- B29BDF
- C1AFE6
- D0C3ED
- DFD7F3
- EFEBF9
深色调
- 5F279F
- 502087
- 411970
- 33125A
- 260C45
- 190631
- 0E031E
- 04010C
- 010002
灰色调
- 6F3BB2
- 7146AE
- 724FA9
- 7457A4
- 765F9E
- 786699
- 7A6D93
- 7C738D
- 7E7A87
配色和谐
互补色 +180°
- 6E2FB7
Purple Emperor
- 536300
≈ Serrano Pepper
类似色 -30° +30°
- 6E2FB7
Purple Emperor
- 3247C8
≈ New Car
- 92158E
≈ Acai Juice
三角配色 +120° +240°
- 6E2FB7
Purple Emperor
- 864800
≈ Chocolate Pancakes
- 006A5C
≈ Fresh Ivy Green
分裂互补色 +150° +210°
- 6E2FB7
Purple Emperor
- 6F5700
≈ Pickled Grape Leaves
- 006D2E
≈ Ireland Green
四角配色 +90° +180° +270°
- 6E2FB7
Purple Emperor
- AC0500
≈ Red Door
- 536300
≈ Serrano Pepper
- 006673
≈ Bankson Lake
对比度与无障碍
Ag
AAA白底
WCAG 7.62:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.75:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--purple-emperor: #6e2fb7;
--purple-emperor-rgb: 110 47 183;
--purple-emperor-oklch: oklch(0.468 0.2 299.6);
}
.element {
color: var(--purple-emperor);
background-color: hsl(268 59% 45%);
border-color: oklch(0.468 0.2 299.6);
}Tailwind CSS v4
@theme {
--color-purple-emperor: #6e2fb7;
--color-purple-emperor-50: #ffe8ff;
--color-purple-emperor-100: #f4d9ff;
--color-purple-emperor-200: #e3c0ff;
--color-purple-emperor-300: #ca9dff;
--color-purple-emperor-400: #b17dff;
--color-purple-emperor-500: #9c5bf4;
--color-purple-emperor-600: #844ece;
--color-purple-emperor-700: #6a3ea6;
--color-purple-emperor-800: #4c2d7d;
--color-purple-emperor-900: #351f58;
--color-purple-emperor-950: #200d3c;
}SCSS
$purple-emperor: #6e2fb7;
$purple-emperor-rgb: 110, 47, 183;
$purple-emperor-light: mix(#fff, $purple-emperor, 20%);
$purple-emperor-dark: mix(#000, $purple-emperor, 20%);
.element {
color: $purple-emperor;
box-shadow: 0 0 0 2px rgba($purple-emperor, 0.35);
}