#3BA1C5

近似色名：钢蓝

调色板主题包色阶对比度审计暗色配对

Technical Formats 技术格式

色彩空间数值，便于科学计算与跨设备对照。

Practical Formats 实用格式

可直接粘贴到 CSS、Tailwind、iOS、Android、Flutter 等。

Color Analysis 色彩分析

客观指标：亮度、色相、饱和度、色温与对比度。

近似色名

钢蓝

相对亮度

0.305

色相 H

196°

饱和度 S

54%

明度 L

50%

色值 V

77%

色温

冷色

明暗

深

彩度

低彩度

色系

青

相对白色对比度：2.96:1（AA 正文未过 / AAA 未过）

相对黑色对比度：7.09:1（AA 正文通过 / AAA 通过）

打开完整对比度工具 →

Blindness Simulator 色盲模拟

常见色觉缺陷下的近似观感（矩阵模拟）。

正常视力

#3ba1c5

红色盲 (Protanopia)

#6768bc

绿色盲 (Deuteranopia)

#615aba

蓝色盲 (Tritanopia)

#40b5b4

全色盲 (Achromatopsia)

#878787

Creative Aspects 创意搭配

基于色相环的和谐色与 10% 步进深浅色，非文案生成。

快速搭配

互补色#c45f3b 类似色 −#3bc4a4 类似色 +#3b5bc4 三角色 A#c43ba0 三角色 B#a0c43b

和谐色组合

互补色

#3ba1c5 #c45f3b

类似色

#3bc4a4 #3ba1c5 #3b5bc4

三角色

#3ba1c5 #c43ba0 #a0c43b

分裂互补

#3ba1c5 #c43b5b #c4a43b

四角色

#3ba1c5 #a43bc4 #c45f3b #5bc43b

单色

#0c2027 #236076 #3ba0c4 #89c6dc #d8ecf3

深色 Shades（10%）

10%20%30%40%50%60%70%80%90%

浅色 Tints（10%）

10%20%30%40%50%60%70%80%90%