# #697cbd 颜色：柔和 靛蓝色

#697cbd 的 RGB 值是 rgb(105, 124, 189)，OKLCH 值是 oklch(59.893% 0.10198 270.695)。其他所有格式、色阶和对比度都在下方。

来源: https://pickshade.com/zh/color/697cbd

## 格式

| 格式 | 值 |
| --- | --- |
| HEX | #697cbd |
| RGB | rgb(105, 124, 189) |
| HSL | hsl(226.43, 38.89%, 57.65%) |
| HSB / HSV | hsv(226.43 44.44% 74.12%) |
| HWB | hwb(226.43 41.18% 25.88%) |
| CMYK | cmyk(44% 34% 0% 26%) |
| Lab | lab(52.59 6.13 -36.85) |
| LCH | lch(52.59 37.35 279.44) |
| OKLab | oklab(59.893% 0.00124 -0.10197) |
| OKLCH | oklch(59.893% 0.10198 270.695) |
| Display P3 | color(display-p3 0.42619 0.48403 0.72226) |
| Rec. 2020 | color(rec2020 0.40507 0.43458 0.68767) |
| Adobe RGB | color(a98-rgb 0.43269 0.48273 0.72715) |
| ProPhoto RGB | color(prophoto-rgb 0.42335 0.4138 0.65469) |
| 线性 sRGB | color(srgb-linear 0.14126 0.20156 0.50888) |
| XYZ D65 | color(xyz-d65 0.22217 0.21092 0.51046) |
| XYZ D50 | color(xyz-d50 0.21204 0.20677 0.38493) |
| SwiftUI | Color(red: 0.412, green: 0.486, blue: 0.741) |
| UIKit | UIColor(red: 0.412, green: 0.486, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF697CBD) |
| Android XML | #697CBD |

## 概况

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

## 加白（浅色）

#697cbd, #7789c4, #8596cb, #93a3d2, #a2b0d9, #b1bddf, #c0cae6, #d0d7ec, #dfe4f3, #eff2f9

## 加黑（深色）

#697cbd, #5a6ba4, #4c5a8c, #3e4a74, #313b5d, #242c47, #181e33, #0c111f, #04050d, #000102

## 加灰（柔和色）

#697cbd, #6b7db7, #6d7db1, #707eab, #727ea5, #747f9f, #767f99, #797f93, #7b808d, #7d8086

## 和谐配色

- 互补色: #697cbd, #977d2e
- 分裂互补色: #697cbd, #ac713b, #77893f
- 类似色: #697cbd, #4087b7, #8a71b3
- 三角配色: #697cbd, #b5675a, #4e9160
- 矩形配色: #697cbd, #a3699c, #977d2e, #4e9160
- 方形配色: #697cbd, #b1657d, #977d2e, #1c9383
- 单色配色: #697cbd, #293772, #485997, #8ca1e5, #b1c7ff

## 关于 #697cbd 的常见问题

### #697cbd 是什么颜色？

#697cbd 是一种柔和 靛蓝色。最接近的有名称颜色是柔和 靛蓝色。它的 RGB 值是 rgb(105, 124, 189)，HSL 值是 hsl(226.43, 38.89%, 57.65%)，OKLCH 值是 oklch(59.893% 0.10198 270.695)。

### #697cbd 和什么颜色搭配好看？

#697cbd 的互补色是 #977d2e。想要更柔和的搭配，可以用类似色 #4087b7 和 #8a71b3。三角配色的另外两色是 #b5675a 和 #4e9160。

### #697cbd 上用白色文字还是黑色文字更易读？

在 #697cbd 上，白色文字更易读：白色的对比度为 4.02:1，黑色为 5.22:1。WCAG AA 要求正文对比度至少为 4.5:1。

### #697cbd 是暖色还是冷色？

#697cbd 属于冷色。在 OKLCH 中，它的色相为 271 度，亮度为 59.9%，彩度为 0.102。