# カラーコード #e2b2fd：パステル調の 明るいパープル

#e2b2fd はRGBで rgb(226, 178, 253)、OKLCHで oklch(83.188% 0.11417 313.029) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e2b2fd |
| RGB | rgb(226, 178, 253) |
| HSL | hsl(278.4, 94.94%, 84.51%) |
| HSB / HSV | hsv(278.4 29.64% 99.22%) |
| HWB | hwb(278.4 69.8% 0.78%) |
| CMYK | cmyk(11% 30% 0% 1%) |
| Lab | lab(78.92 27.83 -30.53) |
| LCH | lch(78.92 41.31 312.35) |
| OKLab | oklab(83.188% 0.07791 -0.08346) |
| OKLCH | oklch(83.188% 0.11417 313.029) |
| Display P3 | color(display-p3 0.85676 0.70537 0.97296) |
| Rec. 2020 | color(rec2020 0.81643 0.68565 0.96537) |
| Adobe RGB | color(a98-rgb 0.83391 0.69214 0.98168) |
| ProPhoto RGB | color(prophoto-rgb 0.81213 0.67383 0.95203) |
| 線形sRGB | color(srgb-linear 0.76052 0.4452 0.98225) |
| XYZ D65 | color(xyz-d65 0.65011 0.55102 1.00143) |
| XYZ D50 | color(xyz-d50 0.64365 0.54791 0.75523) |
| SwiftUI | Color(red: 0.886, green: 0.698, blue: 0.992) |
| UIKit | UIColor(red: 0.886, green: 0.698, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFE2B2FD) |
| Android XML | #E2B2FD |

## 基本情報

- 最も近い色名: パステル調の 明るいパープル
- 色相の系統: パープル, パステル調の 明るいパープル
- 最も近いTailwindクラス: purple-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.75:1
- 黒とのコントラスト: 12.02:1

## ティント

#e2b2fd, #e5bafe, #e8c2fe, #ebc9fe, #eed1ff, #f1d9ff, #f4e0ff, #f7e8ff, #f9f0ff, #fcf7ff

## シェード

#e2b2fd, #c49adc, #a883bc, #8c6d9d, #71577f, #574362, #3e2f47, #271d2d, #120c16, #030103

## トーン

#e2b2fd, #dfb4f8, #ddb7f3, #dab9ed, #d8bbe8, #d5bee3, #d2c0de, #d0c2d8, #cdc4d3, #cac6cd

## カラーハーモニー

- 補色: #e2b2fd, #abd88a
- 分裂補色: #e2b2fd, #d5cb70, #7cdfb3
- 類似色: #e2b2fd, #bebfff, #fcaadb
- トライアド: #e2b2fd, #f5bc70, #5ddfdc
- テトラード: #e2b2fd, #ffa9b3, #abd88a, #5ddfdc
- スクエア: #e2b2fd, #ffaf8b, #abd88a, #69d8fe
- モノクロマティック: #e2b2fd, #9568ae, #bb8cd5, #fee4ff, #ffecff

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

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

#e2b2fd はパステル調の 明るいパープルです。最も近い名前のある色はパステル調の 明るいパープルです。RGBでは rgb(226, 178, 253)、HSLでは hsl(278.4, 94.94%, 84.51%)、OKLCHでは oklch(83.188% 0.11417 313.029) です。

### #e2b2fd に合う色は？

#e2b2fd の補色は #abd88a です。落ち着いた組み合わせにするなら、類似色の #bebfff と #fcaadb を使いましょう。トライアドの組み合わせは #f5bc70 と #5ddfdc です。

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

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

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

#e2b2fd はニュートラルの色です。OKLCHでは色相 313度、明度 83.2%、クロマ 0.114 です。