# カラーコード #56a2db：やわらかな 空色

#56a2db はRGBで rgb(86, 162, 219)、OKLCHで oklch(68.729% 0.11329 243.163) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/56a2db

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #56a2db |
| RGB | rgb(86, 162, 219) |
| HSL | hsl(205.71, 64.88%, 59.8%) |
| HSB / HSV | hsv(205.71 60.73% 85.88%) |
| HWB | hwb(205.71 33.73% 14.12%) |
| CMYK | cmyk(61% 26% 0% 14%) |
| Lab | lab(63.56 -11.42 -36.7) |
| LCH | lch(63.56 38.44 252.72) |
| OKLab | oklab(68.729% -0.05115 -0.10109) |
| OKLCH | oklch(68.729% 0.11329 243.163) |
| Display P3 | color(display-p3 0.41097 0.62815 0.83938) |
| Rec. 2020 | color(rec2020 0.44305 0.5832 0.81732) |
| Adobe RGB | color(a98-rgb 0.44614 0.62945 0.84701) |
| ProPhoto RGB | color(prophoto-rgb 0.48128 0.55337 0.79196) |
| 線形sRGB | color(srgb-linear 0.09306 0.36131 0.70838) |
| XYZ D65 | color(xyz-d65 0.29542 0.32932 0.7182) |
| XYZ D50 | color(xyz-d50 0.28109 0.32266 0.54222) |
| SwiftUI | Color(red: 0.337, green: 0.635, blue: 0.859) |
| UIKit | UIColor(red: 0.337, green: 0.635, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF56A2DB) |
| Android XML | #56A2DB |

## 基本情報

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

## ティント

#56a2db, #69abdf, #7ab5e3, #8bbee7, #9cc7eb, #add1ee, #bddaf2, #cee3f5, #deedf9, #eef6fc

## シェード

#56a2db, #4a8cbe, #3e77a2, #326387, #274f6d, #1c3c54, #122a3c, #081926, #020a11, #000102

## トーン

#56a2db, #5fa2d5, #67a1ce, #6fa1c8, #76a0c2, #7c9fbb, #839eb5, #899dae, #8f9ca8, #959ba1

## カラーハーモニー

- 補色: #56a2db, #cc8a4a
- 分裂補色: #56a2db, #d77f6c, #b2993e
- 類似色: #56a2db, #24acc4, #8495e1
- トライアド: #56a2db, #d47b93, #8da653
- テトラード: #56a2db, #a989d4, #cc8a4a, #8da653
- スクエア: #56a2db, #c47fb8, #cc8a4a, #5eaf79
- モノクロマティック: #56a2db, #00598e, #2f7db4, #7cc8ff, #c5edff

## #56a2db についてのよくある質問

### #56a2db は何色ですか？

#56a2db はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(86, 162, 219)、HSLでは hsl(205.71, 64.88%, 59.8%)、OKLCHでは oklch(68.729% 0.11329 243.163) です。

### #56a2db に合う色は？

#56a2db の補色は #cc8a4a です。落ち着いた組み合わせにするなら、類似色の #24acc4 と #8495e1 を使いましょう。トライアドの組み合わせは #d47b93 と #8da653 です。

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

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

### #56a2db は暖色と寒色のどちらですか？

#56a2db は寒色系の色です。OKLCHでは色相 243度、明度 68.7%、クロマ 0.113 です。