最接近的命名颜色 · #912673
#912673
最接近的命名颜色: Haunted Purple
#912673（rgb(145 38 115)、hsl(317 58% 36%)、oklch(0.464 0.164 341.4)）最接近命名颜色 Haunted Purple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#912673
oklch(0.464 0.164 341.4)
颜色转换
- HEX
- #912673
- RGB
- rgb(145 38 115)
- HSL
- hsl(317 58% 36%)
- HWB
- hwb(317 15% 43%)
- OKLCH
- oklch(0.464 0.164 341.4)
- OKLab
- oklab(0.464 0.155 -0.052)
- CIE Lab
- lab(35.46 50.34 -18.82)
- LCH
- lch(35.46 53.74 339.5)
- CMYK
- cmyk(0% 74% 21% 43%)
浅色调 · 深色调 · 灰色调
浅色调
- 9E3F80
- AA558E
- B66A9C
- C17FA9
- CD94B7
- D7A9C5
- E2BED4
- ECD4E2
- F6E9F0
深色调
- 7D2063
- 6A1954
- 581345
- 460D36
- 350828
- 25041B
- 15020F
- 070105
- 010001
灰色调
- 913375
- 903E76
- 8F4777
- 8E5079
- 8D597A
- 8B617B
- 89697D
- 86717E
- 83787F
配色和谐
互补色 +180°
- 912673
Haunted Purple
- 006A46
≈ Vegan Green
类似色 -30° +30°
- 912673
Haunted Purple
- 76359A
≈ Skeletor’s Cape
- 9F1E41
≈ True Crimson
三角配色 +120° +240°
- 912673
Haunted Purple
- 655A00
≈ Brussels Sprout Green
- 00637B
≈ Jamaican Dream
分裂互补色 +150° +210°
- 912673
Haunted Purple
- 3E6700
≈ Tatzelwurm Green
- 006764
≈ Peacock Pride
四角配色 +90° +180° +270°
- 912673
Haunted Purple
- 7B4E00
≈ Lucky Brown
- 006A46
≈ Vegan Green
- 005AA2
≈ Princess Blue
对比度与无障碍
Ag
AAA白底
WCAG 7.69:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.72:1 · APCA Lc 16
最佳文字颜色: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--haunted-purple: #912673;
--haunted-purple-rgb: 145 38 115;
--haunted-purple-oklch: oklch(0.464 0.164 341.4);
}
.element {
color: var(--haunted-purple);
background-color: hsl(317 58% 36%);
border-color: oklch(0.464 0.164 341.4);
}Tailwind CSS v4
@theme {
--color-haunted-purple: #912673;
--color-haunted-purple-50: #ffe3ff;
--color-haunted-purple-100: #ffd3f6;
--color-haunted-purple-200: #ffb8e6;
--color-haunted-purple-300: #f194cd;
--color-haunted-purple-400: #de74ba;
--color-haunted-purple-500: #ca51a5;
--color-haunted-purple-600: #ab468b;
--color-haunted-purple-700: #893770;
--color-haunted-purple-800: #652754;
--color-haunted-purple-900: #471a3b;
--color-haunted-purple-950: #2e0a25;
}SCSS
$haunted-purple: #912673;
$haunted-purple-rgb: 145, 38, 115;
$haunted-purple-light: mix(#fff, $haunted-purple, 20%);
$haunted-purple-dark: mix(#000, $haunted-purple, 20%);
.element {
color: $haunted-purple;
box-shadow: 0 0 0 2px rgba($haunted-purple, 0.35);
}