蔚蓝色
晴朗天际的柔和浅蓝,自由舒展充满希望
HEX
#7EB8DARGB
rgb(126, 184, 218)HSL
hsl(202, 55%, 67%)HSV
hsv(202, 42%, 85%)CMYK
cmyk(42%, 16%, 0%, 15%)HEXA
#7EB8DAFFRGBA
rgba(126, 184, 218, 1)HSLA
hsla(202, 55%, 67%, 1)OKLCH
oklch(87.8%, 0.043, 230)LCH
lch(86.1%, 23, 230)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#7DD9CD复制
#7EB8DA复制
#7D89D9三色系3个间隔120°的色相
复制
#7EB8DA复制
#D97DB7复制
#B7D97D分裂互补色主色 + 互补色两侧的颜色
复制
#7EB8DA复制
#D97D89复制
#D9CD7D互补色2个间隔180°的色相
复制
#7EB8DA复制
#D99F7D矩形双互补色4个形成矩形的色相
复制
#7EB8DA复制
#CD7DD9复制
#D99F7D复制
#89D97D单色系单一色相,变化饱和度和亮度
复制
#1F4F6B复制
#3689BA复制
#7EB8DA复制
#CCE3F0复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
母婴用品
婴儿房与母婴产品的经典配色,以柔和蔚蓝营造安全舒适的成长环境。
社交平台
社交媒体界面常用色,以蔚蓝底色降低视觉疲劳,营造友好的交流氛围。
卧室软装
床品与窗帘的流行色,蔚蓝调助眠安神,打造放松舒眠的卧室空间。
学生文具
书包与文具的常见色彩,以清新蔚蓝陪伴成长,传递轻松愉悦的学习心情。
📜 起源与历史
蔚蓝色是人类最早命名和使用的色彩之一。古汉语中蔚指天空的蓝色,蔚蓝一词最早见于《诗经》中荟兮蔚兮的描述。英文Cerulean则源自拉丁语caeruleus,意为天空或海洋的蓝色,于17世纪首次作为独立色名出现在文献中,指代晴朗白昼的天色。
中世纪与文艺复兴时期,蔚蓝色在宗教艺术中象征天堂与神性。画家用天蓝石与蓝铜矿研磨的颜料描绘圣母衣袍与天使,这种柔和的浅蓝色调成为连接人间与天国的色彩桥梁。
18至19世纪,随着颜料工业的发展,蔚蓝色在欧洲贵族服饰和室内装饰中流行。法国宫廷偏爱蔚蓝色丝绸与壁毯,英国摄政时期的建筑中蔚蓝色天花板与墙面装饰风靡一时,象征开阔与雅致。
20世纪蔚蓝色成为儿童性别化的关键色。二战后商业营销将粉色与蓝色分别绑定为女性与男性的代表色,浅淡的蔚蓝色逐渐成为男婴用品的标准色。这一传统虽受反思,但蔚蓝色的柔和亲切感仍深入人心。
在当代,蔚蓝色是数字界面中最友好的色彩之一。从Twitter到Facebook,社交媒体大面积使用蔚蓝色作为界面主色,利用其柔和、不刺眼的视觉特性降低长时间浏览的疲劳感,成为数字时代最普及的背景色之一。
🧠 色彩心理学
温柔治愈如母亲轻抚般的柔和蓝调,抚慰疲惫心灵,是情绪疗愈的视觉良药。
自由开阔联想到无边无际的晴空,激发人对自由与远方的向往,心胸随之舒展。
纯真无邪如童年记忆中的晴朗夏日,唤起最简单纯粹的快乐与不设防的信任。
平和包容不争不抢的温和色彩,接纳一切情绪与状态,给人以无条件的包容感。
希望萌生雨过天晴的第一抹蓝色,象征困境后的转机与新开始的无限可能。
轻松愉悦不沉重不压抑的浅淡蓝色,如假日晴空般让人卸下负担,享受当下。