碧青
bì qīng · No.380 / 742
色值
| HEX | #5CB3CC | |
| RGB | rgb(92, 179, 204) | |
| HSL | hsl(193, 52%, 58%) | |
| CMYK | cmyk(55%, 12%, 0%, 20%) |
CMYK 由 sRGB 色值换算，仅供参考；印刷请以打样为准。
适合做主色或稳定的辅助色。
数据更新于 2026-10-23
用这个颜色继续
配色关系
以「碧青」为锚点，从 742 色库里推导的配色方向。每一个都是真实的传统色，点开看它的详情。
同类 · 统一
保持同一种气质，让画面稳定、安静、低风险。
邻近 · 柔和
在统一中加入轻微转折，让画面有变化但不跳脱。
互补 · 强调
制造一眼可见的焦点，用于让按钮、标题、数字或行动入口被看见。
分裂互补 · 稳对比
保留对比张力，但比直接互补更柔和、更容易进入现代版面。
三角 · 系列感
建立三种方向的色彩节奏，适合多张内容或多模块系统。
四角 · 多层级
给复杂信息提供更多层级选择，用于大型专题或多状态系统。
冷暖 · 情绪差
用冷暖变化制造情绪转折，让主体、信息和氛围分开。
明色 · 浅背景
把主色变轻，生成背景、留白、柔和提示和低压阅读环境。
暗色 · 深文字
从主色关系里找更稳的文字、边界、深色底和压重点。
灰调 · 降噪
降低饱和度，让颜色更耐看、更适合长时间阅读和信息密集场景。
中性 · 留白
为主色提供结构、留白、边界和呼吸感，让信息更容易被看懂。
关于「碧青」
「碧青」是中国传统色之一，属青色系，偏冷调。色值为 HEX #5CB3CC、RGB 92, 179, 204、HSL 193, 52%, 58%、CMYK 55, 12, 0, 20。在青色系的 63 种传统色中按色序排第 3 位。配色上，互补方向可取「纁屦 #D47A5E」，邻近色可取「霜青 #7CB9A8」。作为底色时，搭配深色文字的对比度约 7.3:1，达到 WCAG AA 正文标准（4.5:1）。
常见问题
「碧青」是什么颜色？
「碧青」是中国传统色之一，属青色系，偏冷调。色值为 HEX #5CB3CC、RGB 92, 179, 204、HSL 193, 52%, 58%、CMYK 55, 12, 0, 20。在青色系的 63 种传统色中按色序排第 3 位。
「碧青」的 RGB、HSL、CMYK 值是多少？
色值为 HEX #5CB3CC、RGB 92, 179, 204、HSL 193, 52%, 58%、CMYK 55, 12, 0, 20。
「碧青」适合搭配什么颜色？
配色上，互补方向可取「纁屦 #D47A5E」，邻近色可取「霜青 #7CB9A8」。更多同类、分裂互补、三角等关系见本页「配色关系」。
「碧青」的色卡可以免费下载吗？
可以。本页提供「碧青」的 PNG 高清色卡和 SVG 分享卡，免费下载。项目由小小东整理维护，GPL-3.0 开源。