# カラーコード #5ea9dd：やわらかな 明るい空色

#5ea9dd はRGBで rgb(94, 169, 221)、OKLCHで oklch(70.737% 0.10694 240.795) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5ea9dd |
| RGB | rgb(94, 169, 221) |
| HSL | hsl(204.57, 65.13%, 61.76%) |
| HSB / HSV | hsv(204.57 57.47% 86.67%) |
| HWB | hwb(204.57 36.86% 13.33%) |
| CMYK | cmyk(57% 24% 0% 13%) |
| Lab | lab(65.99 -12.73 -34.02) |
| LCH | lch(65.99 36.32 249.49) |
| OKLab | oklab(70.737% -0.05218 -0.09335) |
| OKLCH | oklch(70.737% 0.10694 240.795) |
| Display P3 | color(display-p3 0.43981 0.65557 0.84832) |
| Rec. 2020 | color(rec2020 0.47053 0.6126 0.82749) |
| Adobe RGB | color(a98-rgb 0.47338 0.65682 0.85558) |
| ProPhoto RGB | color(prophoto-rgb 0.50453 0.58241 0.80341) |
| 線形sRGB | color(srgb-linear 0.11193 0.39676 0.72306) |
| XYZ D65 | color(xyz-d65 0.31853 0.35975 0.73674) |
| XYZ D50 | color(xyz-d50 0.30507 0.35316 0.55641) |
| SwiftUI | Color(red: 0.369, green: 0.663, blue: 0.867) |
| UIKit | UIColor(red: 0.369, green: 0.663, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF5EA9DD) |
| Android XML | #5EA9DD |

## 基本情報

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

## ティント

#5ea9dd, #70b2e1, #80bae5, #91c3e8, #a1ccec, #b0d4ef, #c0ddf3, #d0e5f6, #e0eef9, #eff6fc

## シェード

#5ea9dd, #5192c0, #447ca4, #376788, #2b536e, #1f3f55, #142c3d, #0a1b26, #030a11, #000102

## トーン

#5ea9dd, #66a8d7, #6ea8d1, #76a7cb, #7da6c5, #83a6bf, #89a5b9, #90a4b3, #95a3ad, #9ba2a7

## カラーハーモニー

- 補色: #5ea9dd, #d19058
- 分裂補色: #5ea9dd, #db8778, #ba9e4c
- 類似色: #5ea9dd, #3ab2c6, #889de4
- トライアド: #5ea9dd, #d7849d, #97ab5c
- テトラード: #5ea9dd, #ac91d9, #d19058, #97ab5c
- スクエア: #5ea9dd, #c788c0, #d19058, #6cb47e
- モノクロマティック: #5ea9dd, #046090, #3784b6, #84d0ff, #d0f3ff

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

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

#5ea9dd はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(94, 169, 221)、HSLでは hsl(204.57, 65.13%, 61.76%)、OKLCHでは oklch(70.737% 0.10694 240.795) です。

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

#5ea9dd の補色は #d19058 です。落ち着いた組み合わせにするなら、類似色の #3ab2c6 と #889de4 を使いましょう。トライアドの組み合わせは #d7849d と #97ab5c です。

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

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

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

#5ea9dd は寒色系の色です。OKLCHでは色相 241度、明度 70.7%、クロマ 0.107 です。