# #577ccf 颜色：柔和 蓝色

#577ccf 的 RGB 值是 rgb(87, 124, 207)，OKLCH 值是 oklch(59.784% 0.13378 264.571)。其他所有格式、色阶和对比度都在下方。

来源: https://pickshade.com/zh/color/577ccf

## 格式

| 格式 | 值 |
| --- | --- |
| HEX | #577ccf |
| RGB | rgb(87, 124, 207) |
| HSL | hsl(221.5, 55.56%, 57.65%) |
| HSB / HSV | hsv(221.5 57.97% 81.18%) |
| HWB | hwb(221.5 34.12% 18.82%) |
| CMYK | cmyk(58% 40% 0% 19%) |
| Lab | lab(52.23 5.98 -47.73) |
| LCH | lch(52.23 48.1 277.14) |
| OKLab | oklab(59.784% -0.01266 -0.13318) |
| OKLCH | oklch(59.784% 0.13378 264.571) |
| Display P3 | color(display-p3 0.37214 0.48231 0.7884) |
| Rec. 2020 | color(rec2020 0.37328 0.43234 0.75976) |
| Adobe RGB | color(a98-rgb 0.38928 0.48273 0.79666) |
| ProPhoto RGB | color(prophoto-rgb 0.41427 0.41236 0.72844) |
| 线性 sRGB | color(srgb-linear 0.09531 0.20156 0.62396) |
| XYZ D65 | color(xyz-d65 0.22399 0.20946 0.61896) |
| XYZ D50 | color(xyz-d50 0.20847 0.20352 0.46646) |
| SwiftUI | Color(red: 0.341, green: 0.486, blue: 0.812) |
| UIKit | UIColor(red: 0.341, green: 0.486, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF577CCF) |
| Android XML | #577CCF |

## 概况

- 最接近的名称: 柔和 蓝色
- 色系: 蓝色, 柔和 蓝色
- 最接近的 Tailwind 类: sky-600
- 色域: 在 sRGB 色域内：在任何屏幕上显示都一样。
- 与白色的对比度: 4.05:1
- 与黑色的对比度: 5.19:1

## 加白（浅色）

#577ccf, #6789d5, #7796da, #87a3df, #97b0e5, #a8bde9, #b9cbee, #cad8f3, #dce5f7, #edf2fb

## 加黑（深色）

#577ccf, #4b6bb4, #3e5a99, #334a7f, #273b67, #1c2c4f, #121e38, #081123, #030510, #000102

## 加灰（柔和色）

#577ccf, #5b7dc7, #5f7ec0, #647eb8, #687fb0, #6c7fa8, #7080a0, #748098, #788090, #7c8088

## 和谐配色

- 互补色: #577ccf, #a47700
- 分裂互补色: #577ccf, #bb6621, #7e8805
- 类似色: #577ccf, #008ac3, #866dc6
- 三角配色: #577ccf, #c35b56, #459449
- 矩形配色: #577ccf, #a661ac, #a47700, #459449
- 方形配色: #577ccf, #bb5a84, #a47700, #00987a
- 单色配色: #577ccf, #183581, #3658a8, #7aa1f8, #a9c9ff

## 关于 #577ccf 的常见问题

### #577ccf 是什么颜色？

#577ccf 是一种柔和 蓝色。最接近的有名称颜色是柔和 蓝色。它的 RGB 值是 rgb(87, 124, 207)，HSL 值是 hsl(221.5, 55.56%, 57.65%)，OKLCH 值是 oklch(59.784% 0.13378 264.571)。

### #577ccf 和什么颜色搭配好看？

#577ccf 的互补色是 #a47700。想要更柔和的搭配，可以用类似色 #008ac3 和 #866dc6。三角配色的另外两色是 #c35b56 和 #459449。

### #577ccf 上用白色文字还是黑色文字更易读？

在 #577ccf 上，白色文字更易读：白色的对比度为 4.05:1，黑色为 5.19:1。WCAG AA 要求正文对比度至少为 4.5:1。

### #577ccf 是暖色还是冷色？

#577ccf 属于冷色。在 OKLCH 中，它的色相为 265 度，亮度为 59.8%，彩度为 0.134。