茶褐
浓茶汤的棕褐，醇厚回甘
HEX
#7B543BRGB
rgb(123, 84, 59)HSL
hsl(23, 35%, 36%)HSV
hsv(23, 52%, 48%)CMYK
cmyk(0%, 32%, 52%, 52%)HEXA
#7B543BFFRGBA
rgba(123, 84, 59, 1)HSLA
hsla(23, 35%, 36%, 1)OKLCH
oklch(71.1%, 0.048, 60)LCH
lch(66.1%, 12.6, 85)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#7C3C43复制
#7B543B复制
#7C743C三色系3个间隔120°的色相
复制
#7B543B复制
#3C7C54复制
#543C7C分裂互补色主色 + 互补色两侧的颜色
复制
#7B543B复制
#3C7C74复制
#3C437C互补色2个间隔180°的色相
复制
#7B543B复制
#3C637C矩形双互补色4个形成矩形的色相
复制
#7B543B复制
#437C3C复制
#3C637C复制
#743C7C单色系单一色相，变化饱和度和亮度
复制
#000000复制
#37251B复制
#7B543B复制
#B68668复制
#D7BDAC♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度，步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度，步进变化
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
茶室装饰
茶褐是茶席与茶室的首选色，墙面或桌布使用此色能烘托出沉静品茗的仪式感。
书房墙面
作为书房的背景色，茶褐有助于凝神静气，提升阅读与写作的专注度。
布艺软装
沙发罩或抱枕采用茶褐色，能在空间中注入温润的暖意，提升居住的舒适度。
日系彩妆
茶褐色眼影或唇釉色泽自然，适合打造清透的日系通勤妆，低调而显气质。
📜 起源与历史
茶褐色源自中国茶文化的千年积淀，唐代陆羽《茶经》中便已描述茶汤之色。其色介于棕与褐之间，象征着茶道的温润与内省。
宋代点茶盛行，茶褐成为文人雅士服饰中的流行色，常与青瓷、竹器搭配，体现宋代美学中“尚意”的雅致追求。
明代以后，散茶瀹饮法普及，茶褐进一步融入日常生活，成为茶馆茶具与桌旗的常用色，承载着市井生活的闲适与温情。
现代茶艺中，茶褐不仅是茶汤的颜色，更成为茶室空间设计的基调色，代表一种慢生活与心灵回归的当代禅意。
🧠 色彩心理学
温暖如热茶入喉般的暖意，茶褐能迅速拉近人与人之间的距离，营造亲切柔和的氛围。
醇厚色调丰富而有层次，如同老茶的韵味，给人以阅历深厚、内涵丰富的心理感受。
放松低对比度的柔和色彩，有助于舒缓神经，适合需要放松与减压的休息空间。
雅致自带文化气息的棕色，不喧宾夺主却暗含品位，适合知性优雅的气质表达。
包容茶褐色具有很好的搭配性，能与其他自然色系和谐共存，象征开放与接纳的心态。
专注适度饱和度的棕色能帮助集中注意力，尤其适合书房或茶室等需要静心的场所。