# カラーコード #4e7ea7：やわらかな 空色

#4e7ea7 はRGBで rgb(78, 126, 167)、OKLCHで oklch(57.61% 0.08234 245.654) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4e7ea7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4e7ea7 |
| RGB | rgb(78, 126, 167) |
| HSL | hsl(207.64, 36.33%, 48.04%) |
| HSB / HSV | hsv(207.64 53.29% 65.49%) |
| HWB | hwb(207.64 30.59% 34.51%) |
| CMYK | cmyk(53% 25% 0% 35%) |
| Lab | lab(50.68 -7.68 -27.35) |
| LCH | lch(50.68 28.4 254.31) |
| OKLab | oklab(57.61% -0.03394 -0.07502) |
| OKLCH | oklch(57.61% 0.08234 245.654) |
| Display P3 | color(display-p3 0.34869 0.48927 0.6408) |
| Rec. 2020 | color(rec2020 0.34451 0.43532 0.59977) |
| Adobe RGB | color(a98-rgb 0.37241 0.49037 0.64337) |
| ProPhoto RGB | color(prophoto-rgb 0.36568 0.40966 0.56713) |
| 線形sRGB | color(srgb-linear 0.07619 0.20864 0.38643) |
| XYZ D65 | color(xyz-d65 0.17577 0.19331 0.39365) |
| XYZ D50 | color(xyz-d50 0.16887 0.18995 0.29726) |
| SwiftUI | Color(red: 0.306, green: 0.494, blue: 0.655) |
| UIKit | UIColor(red: 0.306, green: 0.494, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF4E7EA7) |
| Android XML | #4E7EA7 |

## 基本情報

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

## ティント

#4e7ea7, #5f8ab0, #7197b9, #82a4c2, #93b0ca, #a5bdd3, #b7cadc, #c8d7e5, #dae4ee, #edf2f6

## シェード

#4e7ea7, #436d91, #385c7b, #2d4c66, #233c52, #192d3e, #0f1f2c, #07111a, #02050a, #000101

## トーン

#4e7ea7, #537ea3, #587d9e, #5d7d9a, #617d95, #657c90, #6a7c8c, #6e7b87, #717a83, #757a7e

## カラーハーモニー

- 補色: #4e7ea7, #9b6f42
- 分裂補色: #4e7ea7, #a46757, #88793d
- 類似色: #4e7ea7, #348598, #6b75aa
- トライアド: #4e7ea7, #a36472, #6d824b
- テトラード: #4e7ea7, #856ca0, #9b6f42, #6d824b
- スクエア: #4e7ea7, #98668c, #9b6f42, #4e8864
- モノクロマティック: #4e7ea7, #043a5e, #2b5b82, #72a3ce, #96c9f5

## #4e7ea7 についてのよくある質問

### #4e7ea7 は何色ですか？

#4e7ea7 はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(78, 126, 167)、HSLでは hsl(207.64, 36.33%, 48.04%)、OKLCHでは oklch(57.61% 0.08234 245.654) です。

### #4e7ea7 に合う色は？

#4e7ea7 の補色は #9b6f42 です。落ち着いた組み合わせにするなら、類似色の #348598 と #6b75aa を使いましょう。トライアドの組み合わせは #a36472 と #6d824b です。

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

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

### #4e7ea7 は暖色と寒色のどちらですか？

#4e7ea7 は寒色系の色です。OKLCHでは色相 246度、明度 57.6%、クロマ 0.082 です。