浅青色
柔和清透的浅青，如薄云映水般轻盈而有层次
HEX
#93D5DCRGB
rgb(147, 213, 220)HSL
hsl(186, 51%, 72%)HSV
hsv(186, 33%, 86%)CMYK
cmyk(33%, 3%, 0%, 14%)HEXA
#93D5DCFFRGBA
rgba(147, 213, 220, 1)HSLA
hsla(186, 51%, 72%, 1)OKLCH
oklch(91.7%, 0.037, 204)LCH
lch(90.9%, 21.4, 211)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#93DCBF复制
#93D5DC复制
#93B0DC三色系3个间隔120°的色相
复制
#93D5DC复制
#DC93D5复制
#D5DC93分裂互补色主色 + 互补色两侧的颜色
复制
#93D5DC复制
#DC93B0复制
#DCBF93互补色2个间隔180°的色相
复制
#93D5DC复制
#DC9A93矩形双互补色4个形成矩形的色相
复制
#93D5DC复制
#BF93DC复制
#DC9A93复制
#B0DC93单色系单一色相，变化饱和度和亮度
复制
#28737B复制
#46B7C3复制
#93D5DC复制
#E0F3F5复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
医疗空间
医院墙面和医护服装的推荐色，有效安抚患者情绪，营造信任和安宁的氛围。
母婴产品
婴儿房和母婴用品常用浅青色，温和无刺激，给予新生儿最温柔的呵护。
教育环境
教室和图书馆用此色有助于学生集中注意力，减轻长时间学习的疲劳感。
自然护肤
天然护肤品包装采用浅青色传递温和无害的理念，让人联想到植物与矿物。
📜 起源与历史
浅青色是一种柔和且平易近人的色调，在东西方文化中都有悠久的应用历史。中国宋代的青瓷釉色即追求这种温润如玉的浅青，体现含蓄内敛的文人审美。
在西方19世纪末的新艺术运动中，浅青色被广泛用于玻璃花窗和装饰壁画中，艺术家们喜爱它轻盈通透的特质，用以描绘自然中的水和天空。
20世纪中期，浅青色成为现代主义建筑设计中的流行色，尤其在地中海沿岸国家，浅青色的门窗和百叶窗与碧海蓝天相映成趣。
当代色彩心理学研究发现，浅青色是最能降低心率和血压的颜色之一，因此在医院、学校和办公环境中被大量应用。
🧠 色彩心理学
平和温和的色调如同平静的湖面，能快速安抚焦躁情绪，带来内心的安宁与平衡。
舒缓低饱和度的青色对视觉系统最为友好，长时间注视也不易疲劳，有助缓解压力。
通透清透如水的质感让空间显得更加敞亮开阔，打破封闭和压抑的心理感受。
亲和不像深色那样严肃，也不像亮色那样张扬，浅青色有一种天然的亲和力与包容性。
沉思宁静的氛围适合深度思考，引导人们放慢节奏，在安静中寻找灵感和答案。
真诚不掩饰不伪装的纯粹色调，传递出真诚坦率的情感信号，让人敞开心扉。