灰褐

灰褐交融,素雅中性

HEX#3F3231
RGBrgb(63, 50, 49)
HSLhsl(4, 13%, 22%)
HSVhsv(4, 22%, 25%)
CMYKcmyk(0%, 21%, 22%, 75%)
HEXA#3F3231FF
RGBArgba(63, 50, 49, 1)
HSLAhsla(4, 13%, 22%, 1)
OKLCHoklch(59.3%, 0.017, 23)
LCHlch(52.6%, 0.8, 272)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#3F3137
复制
#3F3231
复制
#3F3931
三色系3个间隔120°的色相
复制
#3F3231
复制
#313F32
复制
#32313F
分裂互补色主色 + 互补色两侧的颜色
复制
#3F3231
复制
#313F39
复制
#31373F
互补色2个间隔180°的色相
复制
#3F3231
复制
#313E3F
矩形双互补色4个形成矩形的色相
复制
#3F3231
复制
#373F31
复制
#313E3F
复制
#39313F
单色系单一色相,变化饱和度和亮度
复制
#000000
复制
#060504
复制
#3F3231
复制
#795F5D
复制
#AB9392

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#CEC1C0对比度 7:1AAA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#A69B8C对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#7D7F62对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#506851对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#141010复制
#1A1414复制
#231B1B复制
#28201F复制
#312626复制
#372B2A复制
#3F3231复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#3B3635复制
#3C3534复制
#3D3434复制
#3D3433复制
#3E3332复制
#3F3231复制
#3F3231复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#131111复制
#181616复制
#211D1C复制
#272121复制
#302827复制
#362C2B复制
#3F3231复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#3F3133复制
#3F3132复制
#3F3131复制
#3F3231复制
#3F3331复制
#3F3431复制
#3F3531复制

💡 适用场景

🏙️

城市规划

灰褐色用于城市建筑外墙和公共设施,协调城市景观,减少视觉混乱。

🏢

办公空间

灰褐色在办公环境和商业空间中营造冷静专业的氛围,提升工作效率。

🚇

公共交通

灰褐色用于地铁站和公交设施的装饰,耐脏且不易显旧。

🧥

都市时装

灰褐色在都市风格服装中表现沉稳低调,适合商务和日常通勤场合。

📜 起源与历史

灰褐是RAL 8019标准色,是灰色与褐色的精妙平衡。这种色彩在自然界中广泛存在于风化岩石、干燥树皮和城市建筑表面。

工业时代,灰褐色因其耐脏和低调的特性,成为城市基础设施和工业设备的标准涂装色。铁路轨道、桥梁和工厂设备多采用灰褐色调。

20世纪中期,灰褐色随着现代主义建筑的兴起而被广泛使用。包豪斯学派主张色彩服务于功能,灰褐色因其克制和实用的特质获得了建筑师们的青睐。

当代设计中,灰褐色在城市规划和公共空间设计中发挥着重要作用。它是城市色彩的调和者,在五彩缤纷的城市景观中提供视觉的稳定支点。

灰褐色也是当前流行的侘寂风和赤陶风中的关键色彩,以其冷静而温暖的调性平衡空间中的其他色彩元素。

🧠 色彩心理学

沉静灰褐色如城市中的灰色调,冷静克制,能让人在喧嚣中安静下来。
中性灰褐色兼具灰色和棕色的特质,是最具中性气质的色彩之一。
素雅灰褐色不追求视觉刺激,以素净雅致的调性体现含蓄的审美。
城市灰褐色的现代城市景观中随处可见,是都市色彩的重要组成部分。
可靠灰褐色在工业用途中经过验证,传递出可靠、耐久的品质印象。
包容灰褐色能与各类色彩和谐共处,是设计师手中的色彩调味剂。