# カラーコード #e2edf9：くすんだ ごく明るい青

#e2edf9 はRGBで rgb(226, 237, 249)、OKLCHで oklch(94.138% 0.02006 250.387) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/e2edf9

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e2edf9 |
| RGB | rgb(226, 237, 249) |
| HSL | hsl(211.3, 65.71%, 93.14%) |
| HSB / HSV | hsv(211.3 9.24% 97.65%) |
| HWB | hwb(211.3 88.63% 2.35%) |
| CMYK | cmyk(9% 5% 0% 2%) |
| Lab | lab(93.18 -2.08 -7.14) |
| LCH | lch(93.18 7.44 253.75) |
| OKLab | oklab(94.138% -0.00673 -0.0189) |
| OKLCH | oklch(94.138% 0.02006 250.387) |
| Display P3 | color(display-p3 0.89413 0.92802 0.97171) |
| Rec. 2020 | color(rec2020 0.89332 0.91816 0.96746) |
| Adobe RGB | color(a98-rgb 0.89583 0.92721 0.97375) |
| ProPhoto RGB | color(prophoto-rgb 0.89275 0.90841 0.96183) |
| 線形sRGB | color(srgb-linear 0.76052 0.84687 0.94731) |
| XYZ D65 | color(xyz-d65 0.78743 0.83576 1.01609) |
| XYZ D50 | color(xyz-d50 0.79335 0.83375 0.76928) |
| SwiftUI | Color(red: 0.886, green: 0.929, blue: 0.976) |
| UIKit | UIColor(red: 0.886, green: 0.929, blue: 0.976, alpha: 1) |
| Flutter / Compose | Color(0xFFE2EDF9) |
| Android XML | #E2EDF9 |

## 基本情報

- 最も近い色名: くすんだ ごく明るい青
- 色相の系統: 青, くすんだ ごく明るい青
- 最も近いTailwindクラス: sky-100
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.19:1
- 黒とのコントラスト: 17.72:1

## ティント

#e2edf9, #e5effa, #e8f1fa, #ebf2fb, #eef4fb, #f0f6fc, #f3f8fd, #f6fafd, #f9fbfe, #fcfdfe

## シェード

#e2edf9, #c4ced9, #a8b0b9, #8c939a, #71777d, #575c61, #3e4246, #272a2c, #121415, #030303

## トーン

#e2edf9, #e3edf8, #e4edf6, #e5edf5, #e6ecf4, #e7ecf2, #e8ecf1, #e9ecf0, #eaecee, #ebeced

## カラーハーモニー

- 補色: #e2edf9, #f5eade
- 分裂補色: #e2edf9, #f8e8e2, #eeecdd
- 類似色: #e2edf9, #deeff5, #e9eaf9
- トライアド: #e2edf9, #f9e6e8, #e7efe1
- テトラード: #e2edf9, #f0e8f6, #f5eade, #e7efe1
- スクエア: #e2edf9, #f6e7f0, #f5eade, #e1f0e7
- モノクロマティック: #e2edf9, #96a0ab, #bbc6d1, #ebf7ff, #ebf7ff

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

### #e2edf9 は何色ですか？

#e2edf9 はくすんだ ごく明るい青です。最も近い名前のある色はくすんだ ごく明るい青です。RGBでは rgb(226, 237, 249)、HSLでは hsl(211.3, 65.71%, 93.14%)、OKLCHでは oklch(94.138% 0.02006 250.387) です。

### #e2edf9 に合う色は？

#e2edf9 の補色は #f5eade です。落ち着いた組み合わせにするなら、類似色の #deeff5 と #e9eaf9 を使いましょう。トライアドの組み合わせは #f9e6e8 と #e7efe1 です。

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

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

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

#e2edf9 は寒色系の色です。OKLCHでは色相 250度、明度 94.1%、クロマ 0.02 です。