# カラーコード #5ca9bc：やわらかな シアン

#5ca9bc はRGBで rgb(92, 169, 188)、OKLCHで oklch(69.26% 0.0809 215.707) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5ca9bc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5ca9bc |
| RGB | rgb(92, 169, 188) |
| HSL | hsl(191.88, 41.74%, 54.9%) |
| HSB / HSV | hsv(191.88 51.06% 73.73%) |
| HWB | hwb(191.88 36.08% 26.27%) |
| CMYK | cmyk(51% 10% 0% 26%) |
| Lab | lab(64.86 -20.86 -17.58) |
| LCH | lch(64.86 27.28 220.13) |
| OKLab | oklab(69.26% -0.06569 -0.04722) |
| OKLCH | oklch(69.26% 0.0809 215.707) |
| Display P3 | color(display-p3 0.43465 0.65544 0.72769) |
| Rec. 2020 | color(rec2020 0.45638 0.61021 0.69599) |
| Adobe RGB | color(a98-rgb 0.46945 0.65682 0.72867) |
| ProPhoto RGB | color(prophoto-rgb 0.47144 0.57666 0.668) |
| 線形sRGB | color(srgb-linear 0.10702 0.39676 0.50289) |
| XYZ D65 | color(xyz-d65 0.27677 0.34281 0.52737) |
| XYZ D50 | color(xyz-d50 0.27143 0.33873 0.39912) |
| SwiftUI | Color(red: 0.361, green: 0.663, blue: 0.737) |
| UIKit | UIColor(red: 0.361, green: 0.663, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF5CA9BC) |
| Android XML | #5CA9BC |

## 基本情報

- 最も近い色名: やわらかな シアン
- 色相の系統: シアン, やわらかな シアン
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.67:1
- 黒とのコントラスト: 7.86:1

## ティント

#5ca9bc, #6eb2c3, #7fbac9, #8fc3d0, #a0cbd7, #b0d4dd, #c0dce4, #cfe5eb, #dfeef2, #eff6f8

## シェード

#5ca9bc, #4f92a3, #427c8b, #366773, #2a535d, #1f3f47, #142c32, #0a1b1f, #030a0d, #000102

## トーン

#5ca9bc, #64a8b9, #6ca7b6, #73a5b3, #7aa4af, #80a3ac, #86a2a9, #8ca0a6, #919fa2, #979d9f

## カラーハーモニー

- 補色: #5ca9bc, #c98a7a
- 分裂補色: #5ca9bc, #c88795, #bf9266
- 類似色: #5ca9bc, #5cada3, #71a2cc
- トライアド: #5ca9bc, #bc89b0, #ab9c61
- テトラード: #5ca9bc, #8e98cf, #c98a7a, #ab9c61
- スクエア: #5ca9bc, #a88fc4, #c98a7a, #90a56e
- モノクロマティック: #5ca9bc, #006172, #358496, #82cfe3, #a9f7ff

## #5ca9bc についてのよくある質問

### #5ca9bc は何色ですか？

#5ca9bc はやわらかな シアンです。最も近い名前のある色はやわらかな シアンです。RGBでは rgb(92, 169, 188)、HSLでは hsl(191.88, 41.74%, 54.9%)、OKLCHでは oklch(69.26% 0.0809 215.707) です。

### #5ca9bc に合う色は？

#5ca9bc の補色は #c98a7a です。落ち着いた組み合わせにするなら、類似色の #5cada3 と #71a2cc を使いましょう。トライアドの組み合わせは #bc89b0 と #ab9c61 です。

### #5ca9bc の上では白と黒のどちらの文字が読みやすいですか？

#5ca9bc の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.67:1、黒は 7.86:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #5ca9bc は暖色と寒色のどちらですか？

#5ca9bc は寒色系の色です。OKLCHでは色相 216度、明度 69.3%、クロマ 0.081 です。