最接近的命名颜色 · #603A70
#603A70
最接近的命名颜色: Heartless
#603A70（rgb(96 58 112)、hsl(282 32% 33%)、oklch(0.417 0.097 315.2)）最接近命名颜色 Heartless。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#603A70
oklch(0.417 0.097 315.2)
颜色转换
- HEX
- #603a70
- RGB
- rgb(96 58 112)
- HSL
- hsl(282 32% 33%)
- HWB
- hwb(282 23% 56%)
- OKLCH
- oklch(0.417 0.097 315.2)
- OKLab
- oklab(0.417 0.069 -0.068)
- CIE Lab
- lab(30.92 24.96 -24.7)
- LCH
- lch(30.92 35.12 315.3)
- CMYK
- cmyk(14% 48% 0% 56%)
浅色调 · 深色调 · 灰色调
浅色调
- 6F4C7E
- 7E5F8C
- 8D729A
- 9D85A8
- AD98B6
- BDACC5
- CDC0D3
- DED5E2
- EEEAF0
深色调
- 523160
- 452851
- 382043
- 2C1835
- 201027
- 15091A
- 0A040E
- 030104
- 000001
灰色调
- 634172
- 674874
- 6A4F76
- 6D5677
- 705D79
- 74647B
- 776B7C
- 7A727D
- 7D797F
配色和谐
互补色 +180°
- 603A70
Heartless
- 33581C
≈ Navy Green
类似色 -30° +30°
- 603A70
Heartless
- 48437E
≈ Fresh Eggplant
- 703458
≈ Possessed Plum
三角配色 +120° +240°
- 603A70
Heartless
- 684400
≈ Violin Brown
- 005858
≈ Deep Sea Green
分裂互补色 +150° +210°
- 603A70
Heartless
- 544E00
≈ Scorzonera Brown
- 005B40
≈ Billiard Table
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 8.98:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.33:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 8.98:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--heartless: #603a70;
--heartless-rgb: 96 58 112;
--heartless-oklch: oklch(0.417 0.097 315.2);
}
.element {
color: var(--heartless);
background-color: hsl(282 32% 33%);
border-color: oklch(0.417 0.097 315.2);
}Tailwind CSS v4
@theme {
--color-heartless: #603a70;
--color-heartless-50: #ffedff;
--color-heartless-100: #f6defe;
--color-heartless-200: #e6c8f0;
--color-heartless-300: #cca8d9;
--color-heartless-400: #b48dc6;
--color-heartless-500: #9f72b2;
--color-heartless-600: #866096;
--color-heartless-700: #6b4d79;
--color-heartless-800: #4e385a;
--color-heartless-900: #36263f;
--color-heartless-950: #211528;
}SCSS
$heartless: #603a70;
$heartless-rgb: 96, 58, 112;
$heartless-light: mix(#fff, $heartless, 20%);
$heartless-dark: mix(#000, $heartless, 20%);
.element {
color: $heartless;
box-shadow: 0 0 0 2px rgba($heartless, 0.35);
}