复制色值
HEX / RGB / CMYK 一键复制给研发。
HEX
#939597
RGB
rgb(147, 149, 151)
CMYK
40, 30, 32, 9
搭配方案
单色、类似色、互补色、三色组，直接复制使用。
Monochrome Depth
Light and dark steps around the hero color.
#5A5C5E
1
#787A7D
2
#939597
3
#ACADAF
4
#CBCCCD
5
Analogous Flow
Neighbors on the color wheel for a soft gradient story.
#828787
1
#929596
2
#939597
3
#929396
4
#A1A1A5
5
Complementary Contrast
Opposites that add clarity and focus.
#939597
1
#878582
2
#AAA8A7
3
#707070
4
#C2C2C2
5
Triadic Balance
Three evenly spaced hues for versatile layouts.
#939597
1
#A18794
2
#94A187
3
#808080
4
#B8B8B8
5
Split Complementary
Balanced contrast with two supporting accents.
#939597
1
#969292
2
#969692
3
#6B6B6B
4
#C2C2C2
5
导出
复制 CSS 变量或 Tailwind 配置。
#939597
CSS Variables
:root {
--year-base: #939597;
--year-base-contrast: #FFFFFF;
--year-accent-1: #787A7D;
--year-accent-2: #939597;
--year-accent-3: #ACADAF;
--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 #939597
电商主图
New Drop · #939597-20%
Primary CTA
Secondary
使用建议
Summary
与照亮黄成对出现的中性色稳灰，象征韧性与可靠。
Notes
可作为稳固底色，搭配亮黄做强调。适合文字、背景与有质感的材质，营造平静结构。
Tips
- 标签: optimism
- 标签: branding
- 标签: packaging
应用资源
Speed up screens with ready-made UI kits, icons, and design tokens.
UI kit & icons