跳到取色器

#4861ba 颜色:柔和 蓝色

#4861ba 的 RGB 值是 rgb(72, 97, 186),OKLCH 值是 oklch(51.943% 0.14269 269.167)。其他所有格式、色阶和对比度都在下方。

识别为 HEX

227°
100%

51.9%
0.143
269°
  • 蓝色
  • 中度
  • 柔和
  • 冷色
  • ≈ 牛仔蓝
  • sky-700
  • 黑度 27%

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字
5.68:1清晰易读 · AA
Lc -83
黑色文字
3.69:1难以阅读
Lc 26

色阶

从最浅到最深。点击色阶即可使用。

和谐配色

作为配色打开

最近

你选过或复制过的颜色会显示在这里,只保存在这台设备上。

关于 #4861ba

#4861ba 是一种柔和 蓝色。在 OKLCH 中,它的亮度为 51.9%,彩度为 0.143,色相为 269°。

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字在它上面的对比度为 5.68:1,黑色文字为 3.69:1,所以用白色文字更易读。

最接近的有名称颜色是牛仔蓝(#1560bd)。在 Tailwind CSS 中,最接近的颜色是 sky-700。

更多中度蓝色系颜色

更浅:#4861ba 混入白色

  1. 4861ba
  2. 5871c2
  3. 6981ca
  4. 7a90d1
  5. 8ca0d8
  6. 9eb0df
  7. b1bfe6
  8. c4cfed
  9. d7dff3
  10. ebeff9

更深:#4861ba 混入黑色

  1. 4861ba
  2. 3d53a1
  3. 334689
  4. 293972
  5. 1f2d5c
  6. 162146
  7. 0d1532
  8. 060b1e
  9. 02030d
  10. 000002

更柔和:降低 #4861ba 的饱和度

  1. 4861ba
  2. 4b63b2
  3. 4e64aa
  4. 5165a2
  5. 55669a
  6. 586792
  7. 5b688a
  8. 5f6882
  9. 62687a
  10. 656971

关于 #4861ba 的常见问题

#4861ba 是什么颜色?

#4861ba 是一种柔和 蓝色。最接近的有名称颜色是柔和 蓝色。它的 RGB 值是 rgb(72, 97, 186),HSL 值是 hsl(226.84, 45.24%, 50.59%),OKLCH 值是 oklch(51.943% 0.14269 269.167)。

#4861ba 和什么颜色搭配好看?

#4861ba 的互补色是 #856300。想要更柔和的搭配,可以用类似色 #0070b1 和 #7552ae。三角配色的另外两色是 #ac4135 和 #0a7e37。

#4861ba 上用白色文字还是黑色文字更易读?

在 #4861ba 上,白色文字更易读:白色的对比度为 5.68:1,黑色为 3.69:1。WCAG AA 要求正文对比度至少为 4.5:1。

#4861ba 是暖色还是冷色?

#4861ba 属于冷色。在 OKLCH 中,它的色相为 269 度,亮度为 51.9%,彩度为 0.143。