咖啡色
晨咖之醇，醒神暖调
HEX
#6F4E37RGB
rgb(111, 78, 55)HSL
hsl(25, 34%, 33%)HSV
hsv(25, 50%, 44%)CMYK
cmyk(0%, 30%, 50%, 56%)HEXA
#6F4E37FFRGBA
rgba(111, 78, 55, 1)HSLA
hsla(25, 34%, 33%, 1)OKLCH
oklch(69.1%, 0.044, 63)LCH
lch(63.9%, 11.8, 88)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#71383C复制
#6F4E37复制
#716C38三色系3个间隔120°的色相
复制
#6F4E37复制
#38714F复制
#4F3871分裂互补色主色 + 互补色两侧的颜色
复制
#6F4E37复制
#38716C复制
#383C71互补色2个间隔180°的色相
复制
#6F4E37复制
#385971矩形双互补色4个形成矩形的色相
复制
#6F4E37复制
#3C7138复制
#385971复制
#6C3871单色系单一色相，变化饱和度和亮度
复制
#000000复制
#2C1F16复制
#6F4E37复制
#B0805E复制
#D2B6A3♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
咖啡空间
咖啡色是咖啡馆和茶饮空间的主题色，营造温暖、放松、适合社交的消费场景。
家居软装
咖啡色沙发、窗帘和地毯是美式田园和复古风格的核心元素，打造温馨的家居氛围。
商务正装
咖啡色西服和皮鞋是商务休闲场合的得体选择，稳重中不失温度，低调而有分量。
食品包装
咖啡色包装传递浓郁、天然、高品质的品牌印象，在咖啡、巧克力和烘焙产品中广泛应用。
📜 起源与历史
咖啡色源自咖啡豆烘焙后的色泽，这种色彩随着咖啡饮品在全球的传播而逐渐为世人所熟知。17世纪欧洲咖啡馆兴起时，咖啡色已成为社交场所的典型色调。
18世纪的欧洲，咖啡色被应用于室内装饰和服装面料，其深沉温暖的色调为洛可可风格的繁复装饰提供了沉稳的底色，与金色雕花和丝绸壁纸形成对比。
19世纪，咖啡色在维多利亚时代的室内设计中扮演重要角色。深色木质家具、厚重的咖啡色天鹅绒窗帘和地毯，共同营造出资产阶级家庭温暖而私密的氛围。
20世纪中叶，咖啡色在时装领域迎来黄金时代。战后经济复苏时期，人们偏爱温暖踏实的色彩，咖啡色套装和配饰成为职场人士的经典选择。
当代设计中，咖啡色从深到浅的丰富色阶使其成为室内设计和产品设计的常用色。它代表着一种生活品质——不追求刺激的兴奋，而是享受日常中的温暖与满足。
🧠 色彩心理学
醇厚咖啡色如陈年佳酿，具有丰富的层次感和深度，给人以醇厚、耐人寻味的心理体验。
温暖咖啡色连接着晨间第一杯热咖啡的温度，是温暖、提神、安心的色彩。
成熟咖啡色是成熟稳重的色彩语言，代表理性思考和生活阅历的沉淀。
放松咖啡色让人联想到咖啡馆中慵懒惬意的午后时光，传递出放松、舒适的心理感受。
满足咖啡色与味觉的满足感紧密相连，给人以物质与精神双重满足的心理暗示。
经典咖啡色不受流行周期影响，始终是室内与服饰设计中稳定可靠的基础色。