# カラーコード #5ea3bd：スモーキーな 空色

#5ea3bd はRGBで rgb(94, 163, 189)、OKLCHで oklch(67.987% 0.07956 224.459) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5ea3bd |
| RGB | rgb(94, 163, 189) |
| HSL | hsl(196.42, 41.85%, 55.49%) |
| HSB / HSV | hsv(196.42 50.26% 74.12%) |
| HWB | hwb(196.42 36.86% 25.88%) |
| CMYK | cmyk(50% 14% 0% 26%) |
| Lab | lab(63.2 -17.27 -20.62) |
| LCH | lch(63.2 26.9 230.06) |
| OKLab | oklab(67.987% -0.05679 -0.05572) |
| OKLCH | oklch(67.987% 0.07956 224.459) |
| Display P3 | color(display-p3 0.43287 0.6325 0.72991) |
| Rec. 2020 | color(rec2020 0.44868 0.58637 0.69802) |
| Adobe RGB | color(a98-rgb 0.46357 0.63336 0.73165) |
| ProPhoto RGB | color(prophoto-rgb 0.46468 0.55387 0.66929) |
| 線形sRGB | color(srgb-linear 0.11193 0.36625 0.50888) |
| XYZ D65 | color(xyz-d65 0.26897 0.32247 0.52953) |
| XYZ D50 | color(xyz-d50 0.26268 0.31831 0.40051) |
| SwiftUI | Color(red: 0.369, green: 0.639, blue: 0.741) |
| UIKit | UIColor(red: 0.369, green: 0.639, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF5EA3BD) |
| Android XML | #5EA3BD |

## 基本情報

- 最も近い色名: スモーキーな 空色
- 色相の系統: 空色, スモーキーな 空色
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.82:1
- 黒とのコントラスト: 7.45:1

## ティント

#5ea3bd, #6facc4, #80b5ca, #90bed1, #a0c7d8, #b0d1de, #c0dae5, #cfe3eb, #dfecf2, #eff6f8

## シェード

#5ea3bd, #518da4, #44788c, #376374, #2b4f5d, #1f3c47, #142a33, #0a191f, #030a0d, #000102

## トーン

#5ea3bd, #65a2b9, #6ca1b6, #73a0b2, #799fae, #7e9eab, #849da7, #899ca3, #8e9ba0, #93999c

## カラーハーモニー

- 補色: #5ea3bd, #c28970
- 分裂補色: #5ea3bd, #c48489, #b69160
- 類似色: #5ea3bd, #57a8a7, #769bc9
- トライアド: #5ea3bd, #bc85a4, #a09b60
- テトラード: #5ea3bd, #9292c8, #c28970, #a09b60
- スクエア: #5ea3bd, #ab8abb, #c28970, #84a371
- モノクロマティック: #5ea3bd, #0a5b73, #387e97, #84c9e4, #aaf1ff

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

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

#5ea3bd はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(94, 163, 189)、HSLでは hsl(196.42, 41.85%, 55.49%)、OKLCHでは oklch(67.987% 0.07956 224.459) です。

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

#5ea3bd の補色は #c28970 です。落ち着いた組み合わせにするなら、類似色の #57a8a7 と #769bc9 を使いましょう。トライアドの組み合わせは #bc85a4 と #a09b60 です。

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

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

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

#5ea3bd は寒色系の色です。OKLCHでは色相 224度、明度 68%、クロマ 0.08 です。