# カラーコード #7eb2ed：鮮やかな 明るい青

#7eb2ed はRGBで rgb(126, 178, 237)、OKLCHで oklch(75.008% 0.10191 252.271) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7eb2ed

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7eb2ed |
| RGB | rgb(126, 178, 237) |
| HSL | hsl(211.89, 75.51%, 71.18%) |
| HSB / HSV | hsv(211.89 46.84% 92.94%) |
| HWB | hwb(211.89 49.41% 7.06%) |
| CMYK | cmyk(47% 25% 0% 7%) |
| Lab | lab(70.66 -5.79 -35.39) |
| LCH | lch(70.66 35.86 260.7) |
| OKLab | oklab(75.008% -0.03103 -0.09707) |
| OKLCH | oklch(75.008% 0.10191 252.271) |
| Display P3 | color(display-p3 0.53773 0.69248 0.90977) |
| Rec. 2020 | color(rec2020 0.5536 0.65532 0.89557) |
| Adobe RGB | color(a98-rgb 0.55693 0.69214 0.91894) |
| ProPhoto RGB | color(prophoto-rgb 0.58115 0.62833 0.87654) |
| 線形sRGB | color(srgb-linear 0.20864 0.4452 0.84687) |
| XYZ D65 | color(xyz-d65 0.39808 0.4239 0.86208) |
| XYZ D50 | color(xyz-d50 0.38362 0.41692 0.65088) |
| SwiftUI | Color(red: 0.494, green: 0.698, blue: 0.929) |
| UIKit | UIColor(red: 0.494, green: 0.698, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFF7EB2ED) |
| Android XML | #7EB2ED |

## 基本情報

- 最も近い色名: 鮮やかな 明るい青
- 色相の系統: 青, 鮮やかな 明るい青
- 最も近いTailwindクラス: indigo-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.22:1
- 黒とのコントラスト: 9.48:1

## ティント

#7eb2ed, #8bbaef, #98c2f1, #a5c9f3, #b2d1f5, #bed9f7, #cbe0f9, #d8e8fb, #e5f0fc, #f2f7fe

## シェード

#7eb2ed, #6d9ace, #5c83b0, #4c6d93, #3c5777, #2d435c, #1f2f42, #111d2a, #050c14, #010103

## トーン

#7eb2ed, #83b2e7, #89b2e1, #8eb1db, #92b1d4, #97b1ce, #9cb0c8, #a1b0c1, #a5afbb, #a9aeb4

## カラーハーモニー

- 補色: #7eb2ed, #d6a362
- 分裂補色: #7eb2ed, #e5987a, #bab161
- 類似色: #7eb2ed, #5bbcdc, #a4a6ed
- トライアド: #7eb2ed, #e7939c, #96bc78
- テトラード: #7eb2ed, #c49bdd, #d6a362, #96bc78
- スクエア: #7eb2ed, #db94c0, #d6a362, #6dc29b
- モノクロマティック: #7eb2ed, #37689f, #5a8cc5, #abd9ff, #e4f7ff

## #7eb2ed についてのよくある質問

### #7eb2ed は何色ですか？

#7eb2ed は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(126, 178, 237)、HSLでは hsl(211.89, 75.51%, 71.18%)、OKLCHでは oklch(75.008% 0.10191 252.271) です。

### #7eb2ed に合う色は？

#7eb2ed の補色は #d6a362 です。落ち着いた組み合わせにするなら、類似色の #5bbcdc と #a4a6ed を使いましょう。トライアドの組み合わせは #e7939c と #96bc78 です。

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

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

### #7eb2ed は暖色と寒色のどちらですか？

#7eb2ed は寒色系の色です。OKLCHでは色相 252度、明度 75%、クロマ 0.102 です。