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

#7eb4e4 はRGBで rgb(126, 180, 228)、OKLCHで oklch(75.048% 0.08984 246.175) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7eb4e4 |
| RGB | rgb(126, 180, 228) |
| HSL | hsl(208.24, 65.38%, 69.41%) |
| HSB / HSV | hsv(208.24 44.74% 89.41%) |
| HWB | hwb(208.24 49.41% 10.59%) |
| CMYK | cmyk(45% 21% 0% 11%) |
| Lab | lab(70.92 -8.78 -30.12) |
| LCH | lch(70.92 31.37 253.75) |
| OKLab | oklab(75.048% -0.03629 -0.08218) |
| OKLCH | oklch(75.048% 0.08984 246.175) |
| Display P3 | color(display-p3 0.53968 0.70014 0.87718) |
| Rec. 2020 | color(rec2020 0.55417 0.66271 0.85977) |
| Adobe RGB | color(a98-rgb 0.55985 0.70001 0.88409) |
| ProPhoto RGB | color(prophoto-rgb 0.57573 0.63458 0.83874) |
| 線形sRGB | color(srgb-linear 0.20864 0.45641 0.77582) |
| XYZ D65 | color(xyz-d65 0.38927 0.42678 0.79588) |
| XYZ D50 | color(xyz-d50 0.37777 0.42065 0.60123) |
| SwiftUI | Color(red: 0.494, green: 0.706, blue: 0.894) |
| UIKit | UIColor(red: 0.494, green: 0.706, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF7EB4E4) |
| Android XML | #7EB4E4 |

## 基本情報

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

## ティント

#7eb4e4, #8bbce7, #98c3ea, #a5cbed, #b2d2f0, #bfdaf2, #cbe1f5, #d8e9f8, #e5f0fa, #f2f8fd

## シェード

#7eb4e4, #6d9cc6, #5c85a9, #4c6e8d, #3c5872, #2d4458, #1f303f, #111d28, #050c12, #010203

## トーン

#7eb4e4, #83b4df, #89b3d9, #8eb3d4, #93b2cf, #98b2c9, #9cb1c4, #a1b0bf, #a5afb9, #aaafb4

## カラーハーモニー

- 補色: #7eb4e4, #d5a370
- 分裂補色: #7eb4e4, #e09a86, #bfae6b
- 類似色: #7eb4e4, #65bdd3, #9ea9e7
- トライアド: #7eb4e4, #df96a5, #a0b97a
- テトラード: #7eb4e4, #bca0db, #d5a370, #a0b97a
- スクエア: #7eb4e4, #d398c4, #d5a370, #7ebf96
- モノクロマティック: #7eb4e4, #366b97, #5a8fbd, #a4dbff, #e2f8ff

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

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

#7eb4e4 はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(126, 180, 228)、HSLでは hsl(208.24, 65.38%, 69.41%)、OKLCHでは oklch(75.048% 0.08984 246.175) です。

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

#7eb4e4 の補色は #d5a370 です。落ち着いた組み合わせにするなら、類似色の #65bdd3 と #9ea9e7 を使いましょう。トライアドの組み合わせは #df96a5 と #a0b97a です。

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

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

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

#7eb4e4 は寒色系の色です。OKLCHでは色相 246度、明度 75%、クロマ 0.09 です。