最接近的命名颜色 · #655198
#655198
最接近的命名颜色: Ultrapurple Merge
#655198（rgb(101 81 152)、hsl(257 30% 46%)、oklch(0.488 0.112 294.9)）最接近命名颜色 Ultrapurple Merge。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#655198
oklch(0.488 0.112 294.9)
颜色转换
- HEX
- #655198
- RGB
- rgb(101 81 152)
- HSL
- hsl(257 30% 46%)
- HWB
- hwb(257 32% 40%)
- OKLCH
- oklch(0.488 0.112 294.9)
- OKLab
- oklab(0.488 0.047 -0.101)
- CIE Lab
- lab(39.07 21.22 -36.46)
- LCH
- lch(39.07 42.19 300.2)
- CMYK
- cmyk(34% 47% 0% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 7362A3
- 8172AD
- 9083B8
- 9F94C2
- AEA6CC
- BEB7D7
- CEC9E1
- DEDBEB
- EEEDF5
深色调
- 574584
- 493A70
- 3C2F5C
- 2F244A
- 221A38
- 171027
- 0C0717
- 030208
- 000001
灰色调
- 675696
- 6A5B94
- 6C6092
- 6F6590
- 726A8D
- 746E8B
- 777388
- 7A7786
- 7D7C83
配色和谐
互补色 +180°
- 655198
Ultrapurple Merge
- 5F6600
≈ Mud Green
类似色 -30° +30°
- 655198
Ultrapurple Merge
- 405D9F
≈ Blue Dahlia
- 7F4782
≈ Vibrant Orchid
三角配色 +120° +240°
- 655198
Ultrapurple Merge
- 8F4C12
≈ Parasite Brown
- 00705D
≈ Falcon Turquoise
分裂互补色 +150° +210°
- 655198
Ultrapurple Merge
- 7A5A00
≈ Blackfire Earth
- 307035
≈ San Felix
四角配色 +90° +180° +270°
- 655198
Ultrapurple Merge
- 95433F
≈ Spicy Red
- 5F6600
≈ Mud Green
- 006D76
≈ Toadstool Teal
对比度与无障碍
Ag
AA白底
WCAG 6.59:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.18:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.59:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--ultrapurple-merge: #655198;
--ultrapurple-merge-rgb: 101 81 152;
--ultrapurple-merge-oklch: oklch(0.488 0.112 294.9);
}
.element {
color: var(--ultrapurple-merge);
background-color: hsl(257 30% 46%);
border-color: oklch(0.488 0.112 294.9);
}Tailwind CSS v4
@theme {
--color-ultrapurple-merge: #655198;
--color-ultrapurple-merge-50: #f8efff;
--color-ultrapurple-merge-100: #ebe1ff;
--color-ultrapurple-merge-200: #d9cbff;
--color-ultrapurple-merge-300: #bdacea;
--color-ultrapurple-merge-400: #a391da;
--color-ultrapurple-merge-500: #8c76c8;
--color-ultrapurple-merge-600: #7664a9;
--color-ultrapurple-merge-700: #5f5088;
--color-ultrapurple-merge-800: #443a65;
--color-ultrapurple-merge-900: #2f2847;
--color-ultrapurple-merge-950: #1c162e;
}SCSS
$ultrapurple-merge: #655198;
$ultrapurple-merge-rgb: 101, 81, 152;
$ultrapurple-merge-light: mix(#fff, $ultrapurple-merge, 20%);
$ultrapurple-merge-dark: mix(#000, $ultrapurple-merge, 20%);
.element {
color: $ultrapurple-merge;
box-shadow: 0 0 0 2px rgba($ultrapurple-merge, 0.35);
}