# #558fa2 颜色：莫兰迪 天蓝色

#558fa2 的 RGB 值是 rgb(85, 143, 162)，OKLCH 值是 oklch(61.76% 0.06706 221.027)。其他所有格式、色阶和对比度都在下方。

来源: https://pickshade.com/zh/color/558fa2

## 格式

| 格式 | 值 |
| --- | --- |
| HEX | #558fa2 |
| RGB | rgb(85, 143, 162) |
| HSL | hsl(194.81, 31.17%, 48.43%) |
| HSB / HSV | hsv(194.81 47.53% 63.53%) |
| HWB | hwb(194.81 33.33% 36.47%) |
| CMYK | cmyk(48% 12% 0% 36%) |
| Lab | lab(55.99 -15.77 -16.36) |
| LCH | lch(55.99 22.73 226.05) |
| OKLab | oklab(61.76% -0.05059 -0.04402) |
| OKLCH | oklch(61.76% 0.06706 221.027) |
| Display P3 | color(display-p3 0.38632 0.55505 0.62655) |
| Rec. 2020 | color(rec2020 0.38678 0.50335 0.58544) |
| Adobe RGB | color(a98-rgb 0.41325 0.55569 0.62662) |
| ProPhoto RGB | color(prophoto-rgb 0.39696 0.47216 0.55503) |
| 线性 sRGB | color(srgb-linear 0.09084 0.27468 0.36131) |
| XYZ D65 | color(xyz-d65 0.20089 0.24184 0.37793) |
| XYZ D50 | color(xyz-d50 0.1971 0.23903 0.28594) |
| SwiftUI | Color(red: 0.333, green: 0.561, blue: 0.635) |
| UIKit | UIColor(red: 0.333, green: 0.561, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF558FA2) |
| Android XML | #558FA2 |

## 概况

- 最接近的名称: 莫兰迪 天蓝色
- 色系: 天蓝色, 莫兰迪 天蓝色
- 最接近的 Tailwind 类: cyan-600
- 色域: 在 sRGB 色域内：在任何屏幕上显示都一样。
- 与白色的对比度: 3.6:1
- 与黑色的对比度: 5.84:1

## 加白（浅色）

#558fa2, #669aab, #77a5b4, #88b0bd, #99bbc7, #aac6d0, #bbd1d9, #ccdde3, #dde8ec, #eef3f5

## 加黑（深色）

#558fa2, #497c8c, #3d6977, #315763, #26454f, #1c343c, #11242a, #081519, #02070a, #000101

## 加灰（柔和色）

#558fa2, #5b8e9f, #618d9c, #668c9a, #6b8b97, #708b94, #748a91, #79898e, #7d878b, #818688

## 和谐配色

- 互补色: #558fa2, #a97866
- 分裂互补色: #558fa2, #aa757b, #9f7f58
- 类似色: #558fa2, #52938f, #6789ad
- 三角配色: #558fa2, #a27691, #8e8757
- 矩形配色: #558fa2, #7e81ad, #a97866, #8e8757
- 方形配色: #558fa2, #927aa4, #a97866, #778e63
- 单色配色: #558fa2, #05495b, #316b7d, #7ab4c8, #9fdbef

## 关于 #558fa2 的常见问题

### #558fa2 是什么颜色？

#558fa2 是一种莫兰迪 天蓝色。最接近的有名称颜色是莫兰迪 天蓝色。它的 RGB 值是 rgb(85, 143, 162)，HSL 值是 hsl(194.81, 31.17%, 48.43%)，OKLCH 值是 oklch(61.76% 0.06706 221.027)。

### #558fa2 和什么颜色搭配好看？

#558fa2 的互补色是 #a97866。想要更柔和的搭配，可以用类似色 #52938f 和 #6789ad。三角配色的另外两色是 #a27691 和 #8e8757。

### #558fa2 上用白色文字还是黑色文字更易读？

在 #558fa2 上，白色文字更易读：白色的对比度为 3.6:1，黑色为 5.84:1。WCAG AA 要求正文对比度至少为 4.5:1。

### #558fa2 是暖色还是冷色？

#558fa2 属于冷色。在 OKLCH 中，它的色相为 221 度，亮度为 61.8%，彩度为 0.067。