宝蓝色

CSS RoyalBlue,鲜艳华丽的标准蓝宝石色

HEX#4169E1
RGBrgb(65, 105, 225)
HSLhsl(225, 73%, 57%)
HSVhsv(225, 71%, 88%)
CMYKcmyk(71%, 53%, 0%, 12%)
HEXA#4169E1FF
RGBArgba(65, 105, 225, 1)
HSLAhsla(225, 73%, 57%, 1)
OKLCHoklch(74.6%, 0.108, 264)
LCHlch(70.3%, 43.7, 270)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#41B9E1
复制
#4169E1
复制
#6941E1
三色系3个间隔120°的色相
复制
#4169E1
复制
#E14169
复制
#69E141
分裂互补色主色 + 互补色两侧的颜色
复制
#4169E1
复制
#E16941
复制
#B9E141
互补色2个间隔180°的色相
复制
#4169E1
复制
#E1B941
矩形双互补色4个形成矩形的色相
复制
#4169E1
复制
#E141B9
复制
#E1B941
复制
#41E169
单色系单一色相,变化饱和度和亮度
复制
#0C1C4B
复制
#193CA3
复制
#4169E1
复制
#9AAFEF
复制
#F2F5FD

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#FFFFFF对比度 4.8:1AA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#F8F6FE对比度 4.5:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#E7BDF5对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#EC88A1对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#0C1C4B复制
#11276A复制
#153184复制
#193CA3复制
#1E47C2复制
#2251DD复制
#4169E1复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#7281B1复制
#697DBA复制
#6179C2复制
#5975C9复制
#5272D1复制
#496DDA复制
#4169E1复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#222735复制
#2B3450复制
#2F3E6A复制
#32488B复制
#3151AF复制
#2E57D1复制
#4169E1复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#4191E1复制
#4184E1复制
#4177E1复制
#4169E1复制
#415CE1复制
#414FE1复制
#4141E1复制

💡 适用场景

👑

皇室周边

王室纪念币或白金汉宫纪念品的包装,维持官方周边的顶级仪式感。

💎

珠宝陈列

蒂芙尼蓝外的另一种顶奢陈列用色,深色绒布上展示钻石与蓝宝格外吸睛。

🏆

电竞冠军

赛事冠军图标或限定皮肤,用宝蓝色强调王者地位,点燃玩家追求的欲望。

📺

黄金档栏

新闻或颁奖礼节目的片头动画,快速建立起宏大、权威且华丽的视觉基调。

📜 起源与历史

宝蓝色,即皇家蓝,其传说起源于18世纪英国。传闻乔治三世在为其夏洛特王后挑选礼服时,要求工匠创造出一种能压倒法国群青的新蓝。这种鲜亮且奢华的蓝色随即被冠以皇家之名。

19世纪,随着合成染料技术成熟,皇家蓝不再被宫廷垄断,转而成为欧洲贵族纹章学中的重要构成。维多利亚时期,皇家蓝宝石被确立为九月的诞生石,极具象征意义。

1950年代以来,英国王室在重大国事活动中频繁使用宝蓝色装扮。戴安娜王妃及后来的凯特王妃,都有经典的宝蓝色大衣裙造型,将其塑造成端庄而又亲民的王室标志。

数字标准中的RoyalBlue强化了其鲜艳度与明度,像素级的RGB配比使它在屏幕上呈现出珠宝般的璀璨感。在扁平化设计浪潮中,它是鲜艳却不刺眼的明星色,引导视觉焦点。

🧠 色彩心理学

高贵流淌着贵族血统,自带仪式感,让平凡的载体沾染上尊贵正统的气息。
华丽如蓝宝石的璀璨火彩,不掩饰地宣扬美与优越,气场全开。
忠诚皇冠下的宣誓色,被赋予了对信仰与誓言九死不悔的悲剧式人格。
自信极其鲜明的色彩主张,代表确立自我、毫不退缩的领袖型心态。
庆典总是与胜利、加冕和典礼关联,是人生高光时刻的专属御用色。
甄选高标准严要求的代名词,暗示着万里挑一的卓越品质与精选。