复制色值
HEX / RGB / CMYK 一键复制给研发。
HEX
#A0346C
RGB
rgb(160, 52, 108)
CMYK
0, 68, 32, 37
搭配方案
单色、类似色、互补色、三色组，直接复制使用。
Monochrome Depth
Light and dark steps around the hero color.
#4D1934
1
#7B2853
2
#A0346C
3
#C34687
4
#D274A5
5
Analogous Flow
Neighbors on the color wheel for a soft gradient story.
#8B2D89
1
#A23487
2
#A0346C
3
#A23454
4
#B93C42
5
Complementary Contrast
Opposites that add clarity and focus.
#A0346C
1
#2D8B5A
2
#3EC17D
3
#652A48
4
#BB779A
5
Triadic Balance
Three evenly spaced hues for versatile layouts.
#A0346C
1
#6DA234
2
#346DA2
3
#7C3158
4
#BF5F91
5
Split Complementary
Balanced contrast with two supporting accents.
#A0346C
1
#37A234
2
#34A2A0
3
#602443
4
#C76B9B
5
导出
复制 CSS 变量或 Tailwind 配置。
#A0346C
CSS Variables
:root {
--year-base: #A0346C;
--year-base-contrast: #FFFFFF;
--year-accent-1: #7B2853;
--year-accent-2: #A0346C;
--year-accent-3: #C34687;
--year-surface: #f8fafc;
}Tailwind Config
theme: {
extend: {
colors: {
primary: 'var(--year-base)',
accent: 'var(--year-accent-1)',
surface: 'var(--year-surface)',
},
},
},场景预览
UI、海报、电商示例。
UI 界面
海报 / 社交
Launch Campaign
Design with #A0346C
电商主图
New Drop · #A0346C-20%
Primary CTA
Secondary
使用建议
Summary
鲜艳的兰花洋红，富有表现力与活力。
Notes
搭配炭黑或浅紫稳住，再用金箔或柔珊瑚提气质。界面中适合作强调或渐变主色，文字需保持深色确保可读性。
Tips
- 标签: fashion
- 标签: beauty
- 标签: campaign
应用资源
Speed up screens with ready-made UI kits, icons, and design tokens.
UI kit & icons