#3b82f6 颜色：鲜艳 蓝色
#3b82f6 的 RGB 值是 rgb(59, 130, 246)，OKLCH 值是 oklch(62.308% 0.18801 259.815)。其他所有格式、色阶和对比度都在下方。
识别为 HEX
- Ctrl V在任意位置粘贴颜色
- 空格随机颜色
- C复制 HEX
鲜艳 蓝色#3b82f6
- 蓝色
- 中度
- 鲜艳
- 冷色
- ≈ 蔚蓝色
- blue-500
- 黑度 4%
在 sRGB 色域内：在任何屏幕上显示都一样。
白色文字
3.68:1难以阅读
Lc -69
黑色文字
5.71:1清晰易读 · AA
Lc 40
色阶
从最浅到最深。点击色阶即可使用。
和谐配色
最近
你选过或复制过的颜色会显示在这里，只保存在这台设备上。
关于 #3b82f6
#3b82f6 是一种鲜艳 蓝色。在 OKLCH 中，它的亮度为 62.3%，彩度为 0.188，色相为 260°。
在 sRGB 色域内：在任何屏幕上显示都一样。
白色文字在它上面的对比度为 3.68:1，黑色文字为 5.71:1，所以用白色文字更易读。
最接近的有名称颜色是蔚蓝色（#007fff）。在 Tailwind CSS 中，最接近的颜色是 blue-500。
更浅：#3b82f6 混入白色
更深：#3b82f6 混入黑色
更柔和：降低 #3b82f6 的饱和度
相近的有名称颜色
与 #3b82f6 搭配的颜色
互补色
类似色
三角配色
分裂互补色
关于 #3b82f6 的常见问题
#3b82f6 是什么颜色？
#3b82f6 是一种鲜艳 蓝色。最接近的有名称颜色是鲜艳 蓝色。它的 RGB 值是 rgb(59, 130, 246)，HSL 值是 hsl(217.22, 91.22%, 59.8%)，OKLCH 值是 oklch(62.308% 0.18801 259.815)。
#3b82f6 和什么颜色搭配好看？
#3b82f6 的互补色是 #b57a00。想要更柔和的搭配，可以用类似色 #0095ce 和 #886cee。三角配色的另外两色是 #e24956 和 #3ba01b。
#3b82f6 上用白色文字还是黑色文字更易读？
在 #3b82f6 上，白色文字更易读：白色的对比度为 3.68:1，黑色为 5.71:1。WCAG AA 要求正文对比度至少为 4.5:1。
#3b82f6 是暖色还是冷色？
#3b82f6 属于冷色。在 OKLCH 中，它的色相为 260 度，亮度为 62.3%，彩度为 0.188。