# カラーコード #e4aaec：パステル調の 明るいマゼンタ

#e4aaec はRGBで rgb(228, 170, 236)、OKLCHで oklch(81.322% 0.11005 322.375) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e4aaec |
| RGB | rgb(228, 170, 236) |
| HSL | hsl(292.73, 63.46%, 79.61%) |
| HSB / HSV | hsv(292.73 27.97% 92.55%) |
| HWB | hwb(292.73 66.67% 7.45%) |
| CMYK | cmyk(3% 28% 0% 7%) |
| Lab | lab(76.78 30.05 -24.64) |
| LCH | lch(76.78 38.86 320.65) |
| OKLab | oklab(81.322% 0.08717 -0.06719) |
| OKLCH | oklch(81.322% 0.11005 322.375) |
| Display P3 | color(display-p3 0.8594 0.67587 0.90938) |
| Rec. 2020 | color(rec2020 0.80969 0.65481 0.8946) |
| Adobe RGB | color(a98-rgb 0.83314 0.66074 0.91413) |
| ProPhoto RGB | color(prophoto-rgb 0.7947 0.64255 0.875) |
| 線形sRGB | color(srgb-linear 0.77582 0.40198 0.8388) |
| XYZ D65 | color(xyz-d65 0.61507 0.51301 0.86022) |
| XYZ D50 | color(xyz-d50 0.61315 0.51164 0.64881) |
| SwiftUI | Color(red: 0.894, green: 0.667, blue: 0.925) |
| UIKit | UIColor(red: 0.894, green: 0.667, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFE4AAEC) |
| Android XML | #E4AAEC |

## 基本情報

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

## ティント

#e4aaec, #e7b3ee, #eabbf0, #edc4f2, #f0ccf4, #f2d5f6, #f5ddf8, #f8e6fa, #faeefc, #fdf7fd

## シェード

#e4aaec, #c693cd, #a97daf, #8d6892, #725376, #583f5b, #3f2d42, #281b29, #120b13, #030103

## トーン

#e4aaec, #e1ade8, #deafe4, #dab2e0, #d7b4db, #d4b7d7, #d0b9d3, #cdbbcf, #c9bdca, #c5c0c6

## カラーハーモニー

- 補色: #e4aaec, #98d492
- 分裂補色: #e4aaec, #c3c973, #6ed9ba
- 類似色: #e4aaec, #c4b5ff, #f9a4c9
- トライアド: #e4aaec, #e5bb6b, #5bd7e1
- テトラード: #e4aaec, #ffa5a1, #98d492, #5bd7e1
- スクエア: #e4aaec, #fbae7e, #98d492, #72cefd
- モノクロマティック: #e4aaec, #97619e, #bd85c5, #ffd6ff, #ffeaff

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

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

#e4aaec はパステル調の 明るいマゼンタです。最も近い名前のある色はパステル調の 明るいマゼンタです。RGBでは rgb(228, 170, 236)、HSLでは hsl(292.73, 63.46%, 79.61%)、OKLCHでは oklch(81.322% 0.11005 322.375) です。

### #e4aaec に合う色は？

#e4aaec の補色は #98d492 です。落ち着いた組み合わせにするなら、類似色の #c4b5ff と #f9a4c9 を使いましょう。トライアドの組み合わせは #e5bb6b と #5bd7e1 です。

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

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

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

#e4aaec はニュートラルの色です。OKLCHでは色相 322度、明度 81.3%、クロマ 0.11 です。