最接近的命名颜色 · #4E1C65
#4E1C65
最接近的命名颜色: Elegant Purple Gown
#4E1C65（rgb(78 28 101)、hsl(281 57% 25%)、oklch(0.34 0.127 313.1)）最接近命名颜色 Elegant Purple Gown。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4E1C65
oklch(0.34 0.127 313.1)
颜色转换
- HEX
- #4e1c65
- RGB
- rgb(78 28 101)
- HSL
- hsl(281 57% 25%)
- HWB
- hwb(281 11% 60%)
- OKLCH
- oklch(0.34 0.127 313.1)
- OKLab
- oklab(0.34 0.087 -0.093)
- CIE Lab
- lab(21.27 33.34 -33.08)
- LCH
- lch(21.27 46.97 315.2)
- CMYK
- cmyk(23% 72% 0% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 5E3374
- 6F4983
- 805E93
- 9174A2
- A38AB1
- B5A1C1
- C7B8D0
- D9CFE0
- ECE7EF
深色调
- 431757
- 381249
- 2D0D3C
- 23082F
- 190522
- 0F0217
- 07010C
- 020003
- 000000
灰色调
- 532868
- 58336B
- 5D3D6F
- 624671
- 675074
- 6C5A77
- 716379
- 766D7C
- 7B767E
配色和谐
互补色 +180°
- 4E1C65
Elegant Purple Gown
- 224200
≈ Forest Green
类似色 -30° +30°
- 4E1C65
Elegant Purple Gown
- 322876
≈ Deep Space Rodeo
- 601048
≈ Grape Purple
三角配色 +120° +240°
- 4E1C65
Elegant Purple Gown
- 4E3100
≈ Kyoto House
- 004140
≈ Rich Black
分裂互补色 +150° +210°
- 4E1C65
Elegant Purple Gown
- 3F3900
≈ Camouflage
- 00432D
≈ UP Forest Green
四角配色 +90° +180° +270°
- 4E1C65
Elegant Purple Gown
- 602100
≈ Raw Chocolate
- 224200
≈ Forest Green
- 003F50
≈ Maniac Mansion
对比度与无障碍
Ag
AAA白底
WCAG 12.51:1 · APCA Lc 98
Ag
Fail黑底
WCAG 1.67:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.51:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--elegant-purple-gown: #4e1c65;
--elegant-purple-gown-rgb: 78 28 101;
--elegant-purple-gown-oklch: oklch(0.34 0.127 313.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(281 57% 25%);
border-color: oklch(0.34 0.127 313.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #4e1c65;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #f8dcff;
--color-elegant-purple-gown-200: #e9c4fa;
--color-elegant-purple-gown-300: #d0a4e4;
--color-elegant-purple-gown-400: #b987d4;
--color-elegant-purple-gown-500: #a36ac1;
--color-elegant-purple-gown-600: #8a5aa3;
--color-elegant-purple-gown-700: #6f4883;
--color-elegant-purple-gown-800: #503462;
--color-elegant-purple-gown-900: #382445;
--color-elegant-purple-gown-950: #23122d;
}SCSS
$elegant-purple-gown: #4e1c65;
$elegant-purple-gown-rgb: 78, 28, 101;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}