← 主页色彩百科库
蓝色

Vivid Royal Blue

#1746D1

A medium vivid royal blue with cool undertones, strong contrast, and a confident digital presence.

以此色生成配色方案 →

情感与情绪

情感
BalancedGroundedVibrant
情绪
StableFocusedConfident

性格与象征

BoldExpressiveConfident
文化象征

Trust, clarity, confidence, and forward motion

推荐用途

Use for product interfaces, calls to action, technology brands, and trustworthy visual accents.

色彩和谐

深色变体
浅色变体

视觉分析

色相225°
饱和度80%
亮度45%
这是一个中间色调颜色,饱和度高。它属于蓝色相族(225°),在色环上处于冷色一侧。

技术参数

HEX#1746D1
RGBrgb(23, 70, 209)
HSLhsl(225, 80%, 45%)
CMYK89%, 67%, 0%, 18%
对比度Light
CSSbackground: #1746D1;

可访问性 — WCAG 对比度

白色文字示例
The quick brown fox jumps.
7.41:1
AA ✓AAA ✓
黑色文字示例
The quick brown fox jumps.
2.83:1
AA ✗AAA ✗

WCAG 2.1 标准要求对比度 ≥4.5:1(AA 级)和 ≥7:1(AAA 级)。此颜色作为背景时推荐使用白色 (#FFFFFF)文字。

色彩心理学

色温感知

这是一个冷色调(色相 225°),唤起平静、信任和理性思考的感觉。冷色在视觉上有后退感,创造布局的深度和空间感。

视觉重量

中间亮度(45%)创造了平衡的视觉感受,既不沉重也不虚浮,适合文字和交互元素。

饱和度影响

高饱和度(80%)创造了醒目、抓眼的视觉效果。高饱和色被大脑处理更快——反应时间比低饱和度版本快约50毫秒。

设计应用场景

企业商务

传达信任与专业,是企业网站、法律事务所和B2B SaaS的首选色。

政府机构

权威可靠,频繁用于政府门户、教育机构和官方通信。

行动按钮

高饱和度吸引注意力,用于主按钮、通知徽标和重要交互元素。

相似颜色

Royalblue
#4169E1
Light Blue-Grayish
#D6DCED
Nepal
#939DBD
Cornflower Blue
#5170D7
C2CBE9 (Light Steel Blue)
#C2CBE9
紺青 (Konjyo)
#113285
Blue
#0343DF
#1C212D (Hexadecimal Dark Navy Blue)
#1C212D