# #577aab 颜色：柔和 蓝色

#577aab 的 RGB 值是 rgb(87, 122, 171)，OKLCH 值是 oklch(57.387% 0.08604 256.899)。其他所有格式、色阶和对比度都在下方。

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

## 格式

| 格式 | 值 |
| --- | --- |
| HEX | #577aab |
| RGB | rgb(87, 122, 171) |
| HSL | hsl(215, 33.33%, 50.59%) |
| HSB / HSV | hsv(215 49.12% 67.06%) |
| HWB | hwb(215 34.12% 32.94%) |
| CMYK | cmyk(49% 29% 0% 33%) |
| Lab | lab(50.15 -2.15 -30.43) |
| LCH | lch(50.15 30.51 265.97) |
| OKLab | oklab(57.387% -0.0195 -0.0838) |
| OKLCH | oklch(57.387% 0.08604 256.899) |
| Display P3 | color(display-p3 0.37021 0.47465 0.65497) |
| Rec. 2020 | color(rec2020 0.35672 0.42157 0.61481) |
| Adobe RGB | color(a98-rgb 0.38648 0.4751 0.65812) |
| ProPhoto RGB | color(prophoto-rgb 0.37602 0.39845 0.58158) |
| 线性 sRGB | color(srgb-linear 0.09531 0.19462 0.40724) |
| XYZ D65 | color(xyz-d65 0.1824 0.18885 0.41213) |
| XYZ D50 | color(xyz-d50 0.17478 0.18541 0.31103) |
| SwiftUI | Color(red: 0.341, green: 0.478, blue: 0.671) |
| UIKit | UIColor(red: 0.341, green: 0.478, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFF577AAB) |
| Android XML | #577AAB |

## 概况

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

## 加白（浅色）

#577aab, #6787b4, #7794bc, #87a1c5, #98aecd, #a8bbd6, #b9c9de, #cad6e6, #dce4ef, #edf1f7

## 加黑（深色）

#577aab, #4b6994, #3e597e, #334968, #273a54, #1c2b40, #121d2d, #08101b, #03050b, #000101

## 加灰（柔和色）

#577aab, #5b7aa6, #5e7aa1, #627a9c, #657a97, #687a92, #6c7a8d, #6f7988, #727983, #75797e

## 和谐配色

- 互补色: #577aab, #95723a
- 分裂互补色: #577aab, #a2684b, #7e7c3c
- 类似色: #577aab, #3783a0, #7571a9
- 三角配色: #577aab, #a56366, #608451
- 矩形配色: #577aab, #8d689a, #95723a, #608451
- 方形配色: #577aab, #9e6382, #95723a, #3e896e
- 单色配色: #577aab, #163662, #365786, #7a9fd2, #9fc5fa

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

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

#577aab 是一种柔和 蓝色。最接近的有名称颜色是柔和 蓝色。它的 RGB 值是 rgb(87, 122, 171)，HSL 值是 hsl(215, 33.33%, 50.59%)，OKLCH 值是 oklch(57.387% 0.08604 256.899)。

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

#577aab 的互补色是 #95723a。想要更柔和的搭配，可以用类似色 #3783a0 和 #7571a9。三角配色的另外两色是 #a56366 和 #608451。

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

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

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

#577aab 属于冷色。在 OKLCH 中，它的色相为 257 度，亮度为 57.4%，彩度为 0.086。