CSS 命名颜色
RoyalBlue 颜色代码
RoyalBlue是一种中等明度、高饱和度的蓝色，十六进制色值为 #4169E1。 它的 RGB 值为 rgb(65, 105, 225)，HSL 值为 hsl(225, 73%, 57%)，CMYK 值为 cmyk(71%, 53%, 0%, 12%)。
RoyalBlue
#4169E1
颜色值
在 CSS 中可以直接写作关键字 royalblue。
白色文字在RoyalBlue上的对比度为 4.85:1，黑色文字为 4.33:1，因此更适合使用白色文字。
最接近的 Tailwind CSS 颜色是 Blue 600 (#2563EB)。
在 CSS 中使用RoyalBlue
.element {
color: royalblue;
background-color: #4169e1;
border-color: rgb(65, 105, 225);
}RoyalBlue的明暗色阶
同一色相从浅到深的十个色阶，点击任意色块即可复制。
与RoyalBlue搭配的颜色
基于 #4169E1 的色轮和谐配色。点击色块复制，或在色轮中打开整组配色。
RoyalBlue上的文字对比度
Aa
白色文字
4.85:1
AA
Aa
黑色文字
4.33:1
AA · 大号文字
与RoyalBlue相近的颜色
最接近的 CSS 命名颜色
最接近的中国传统色
最接近的 Tailwind 颜色
含有相近颜色的配色方案
关于RoyalBlue的常见问题
RoyalBlue的十六进制色值是多少？
RoyalBlue的十六进制色值为 #4169E1，RGB 值为 rgb(65, 105, 225)，HSL 值为 hsl(225, 73%, 57%)。
RoyalBlue适合搭配什么颜色？
RoyalBlue的互补色是 #E1B941。想要更柔和的方案可以使用类似色 #41B9E1和#6941E1；需要平衡的三色方案可以使用三角色 #E14169和#69E141。
RoyalBlue适合作为文字颜色吗？
在白色背景上，RoyalBlue的对比度为 4.85:1，符合 WCAG AA 普通文字标准（4.5:1）。在黑色背景上为 4.33:1。