# カラーコード #5ba2dd：やわらかな 空色

#5ba2dd はRGBで rgb(91, 162, 221)、OKLCHで oklch(69.036% 0.11306 245.526) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5ba2dd |
| RGB | rgb(91, 162, 221) |
| HSL | hsl(207.23, 65.66%, 61.18%) |
| HSB / HSV | hsv(207.23 58.82% 86.67%) |
| HWB | hwb(207.23 35.69% 13.33%) |
| CMYK | cmyk(59% 27% 0% 13%) |
| Lab | lab(63.85 -9.85 -37.35) |
| LCH | lch(63.85 38.62 255.22) |
| OKLab | oklab(69.036% -0.04684 -0.1029) |
| OKLCH | oklch(69.036% 0.11306 245.526) |
| Display P3 | color(display-p3 0.42383 0.62846 0.84685) |
| Rec. 2020 | color(rec2020 0.45221 0.58406 0.82552) |
| Adobe RGB | color(a98-rgb 0.4559 0.62945 0.85478) |
| ProPhoto RGB | color(prophoto-rgb 0.48939 0.55476 0.80056) |
| 線形sRGB | color(srgb-linear 0.10462 0.36131 0.72306) |
| XYZ D65 | color(xyz-d65 0.30284 0.33284 0.73238) |
| XYZ D50 | color(xyz-d50 0.28823 0.32612 0.55287) |
| SwiftUI | Color(red: 0.357, green: 0.635, blue: 0.867) |
| UIKit | UIColor(red: 0.357, green: 0.635, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF5BA2DD) |
| Android XML | #5BA2DD |

## 基本情報

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

## ティント

#5ba2dd, #6dabe1, #7db5e5, #8ebee8, #9ec7ec, #aed1ef, #bfdaf3, #cfe3f6, #dfedf9, #eff6fc

## シェード

#5ba2dd, #4e8cc0, #4177a4, #356388, #294f6e, #1e3c55, #132a3d, #091926, #030a11, #000102

## トーン

#5ba2dd, #63a2d7, #6ba1d0, #72a1ca, #78a0c3, #7fa0bd, #859fb6, #8b9eb0, #909da9, #969ca2

## カラーハーモニー

- 補色: #5ba2dd, #cb8c49
- 分裂補色: #5ba2dd, #d8816a, #b19b40
- 類似色: #5ba2dd, #2aadc7, #8895e1
- トライアド: #5ba2dd, #d67c91, #8ba857
- テトラード: #5ba2dd, #ac89d3, #cb8c49, #8ba857
- スクエア: #5ba2dd, #c780b7, #cb8c49, #5bb07d
- モノクロマティック: #5ba2dd, #03598f, #357db6, #81c8ff, #c9edff

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

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

#5ba2dd はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(91, 162, 221)、HSLでは hsl(207.23, 65.66%, 61.18%)、OKLCHでは oklch(69.036% 0.11306 245.526) です。

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

#5ba2dd の補色は #cb8c49 です。落ち着いた組み合わせにするなら、類似色の #2aadc7 と #8895e1 を使いましょう。トライアドの組み合わせは #d67c91 と #8ba857 です。

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

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

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

#5ba2dd は寒色系の色です。OKLCHでは色相 246度、明度 69%、クロマ 0.113 です。