淡青色
薄雾散去后的水色天际,极浅极淡的一抹绿意
HEX
#C8DFE2RGB
rgb(200, 223, 226)HSL
hsl(187, 31%, 84%)HSV
hsv(187, 12%, 89%)CMYK
cmyk(12%, 1%, 0%, 11%)HEXA
#C8DFE2FFRGBA
rgba(200, 223, 226, 1)HSLA
hsla(187, 31%, 84%, 1)OKLCH
oklch(94.8%, 0.012, 206)LCH
lch(94.1%, 13.6, 213)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#CAE3D9复制
#C8DFE2复制
#CAD3E3三色系3个间隔120°的色相
复制
#C8DFE2复制
#E3CAE0复制
#E0E3CA分裂互补色主色 + 互补色两侧的颜色
复制
#C8DFE2复制
#E3CAD3复制
#E3D9CA互补色2个间隔180°的色相
复制
#C8DFE2复制
#E3CDCA矩形双互补色4个形成矩形的色相
复制
#C8DFE2复制
#D9CAE3复制
#E3CDCA复制
#D3E3CA单色系单一色相,变化饱和度和亮度
复制
#4D8B93复制
#87B9C0复制
#C8DFE2复制
#FFFFFF复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
母婴空间设计
产科医院与月子中心首选淡青色,柔和的光反射率保护婴儿视力,同时安抚产妇情绪。
瑜伽冥想空间
淡青色墙面配合原木地板,营造出宁静通透的练习环境,帮助修习者进入身心合一的境界。
茶具与茶席
淡青色汝窑茶具温润如玉,泡茶时茶汤映衬杯壁,更显汤色清亮,是茶道爱好者的心头好。
健康类App界面
医疗健康应用以淡青色为主色调,传递专业可靠又不失温度的品牌形象,缓解用户的焦虑感。
📜 起源与历史
淡青色最早见于古代丝织品,宋代的缂丝工艺中已能染出极浅极雅的淡青色丝线,被用于织造花鸟纹样,薄如蝉翼的丝织品在光下泛出若有若无的青意。
明代景德镇窑工在影青瓷的基础上进一步提纯釉料,烧制出更浅淡的淡青釉,胎薄釉润,迎光可透,被赞为薄如纸、明如镜、白如玉、声如磬。
清代江南文人雅士的案头清玩中,淡青色笔洗、水盂随处可见,这种若有若无的色彩被视为最能安放心神的颜色,与书房中的水墨书香相得益彰。
民国时期的旗袍面料中,淡青色颇受知识女性青睐,它比白色多了几分含蓄,比深色多了几分轻盈,恰到好处地衬托出东方女性的温婉气质。
当代设计中,淡青色成为治愈系空间的标配,医院、月子中心、瑜伽馆纷纷采用淡青色作为主调,借其轻柔的视觉感受来抚慰人心。
🧠 色彩心理学
轻柔淡青色的饱和度极低,像春风拂过水面泛起的微澜,视觉上轻若无物,带来极致的轻柔触感。
治愈如清晨第一缕阳光下的薄雾,淡青色包裹着抚慰人心的力量,让人在焦虑中获得片刻喘息。
通透高明的淡青色接近透明,却又有迹可循,这种若有若无的状态给人一种豁然开朗的通透感。
温润不刺眼不冷硬,淡青色如玉般温润地包裹视线,像母亲轻抚额头的手,温柔而包容。
希望淡青色是春天最早的信号,枯枝上冒出的嫩芽便带着这一抹淡青,预示着新生与希望。
脱俗淡青色远离尘世的浓烈与喧嚣,守住一份清雅的底线,让人联想到不食人间烟火的仙子气质。