# カラーコード #eea5ae：鮮やかな 明るいピンク

#eea5ae はRGBで rgb(238, 165, 174)、OKLCHで oklch(79.456% 0.08708 11.103) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #eea5ae |
| RGB | rgb(238, 165, 174) |
| HSL | hsl(352.6, 68.22%, 79.02%) |
| HSB / HSV | hsv(352.6 30.67% 93.33%) |
| HWB | hwb(352.6 64.71% 6.67%) |
| CMYK | cmyk(0% 31% 27% 7%) |
| Lab | lab(75.18 28.64 6.83) |
| LCH | lch(75.18 29.44 13.42) |
| OKLab | oklab(79.456% 0.08545 0.01677) |
| OKLCH | oklch(79.456% 0.08708 11.103) |
| Display P3 | color(display-p3 0.89114 0.65926 0.68523) |
| Rec. 2020 | color(rec2020 0.82403 0.63659 0.64964) |
| Adobe RGB | color(a98-rgb 0.86049 0.64117 0.67502) |
| ProPhoto RGB | color(prophoto-rgb 0.77787 0.62139 0.62167) |
| 線形sRGB | color(srgb-linear 0.85499 0.37626 0.42327) |
| XYZ D65 | color(xyz-d65 0.56353 0.48145 0.46371) |
| XYZ D50 | color(xyz-d50 0.57831 0.48563 0.35069) |
| SwiftUI | Color(red: 0.933, green: 0.647, blue: 0.682) |
| UIKit | UIColor(red: 0.933, green: 0.647, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFEEA5AE) |
| Android XML | #EEA5AE |

## 基本情報

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

## ティント

#eea5ae, #f0aeb6, #f3b7be, #f5c0c6, #f7c9ce, #f8d2d6, #fadbde, #fce4e6, #fdedee, #fef6f7

## シェード

#eea5ae, #cf8f97, #b17980, #93656a, #775155, #5c3d41, #422b2e, #2a1a1c, #140a0b, #030101

## トーン

#eea5ae, #e9a8af, #e5aab1, #e0acb2, #dbafb4, #d6b1b5, #d1b3b6, #ccb6b8, #c7b8b9, #c1baba

## カラーハーモニー

- 補色: #eea5ae, #74cec9
- 分裂補色: #eea5ae, #88ceaa, #79c9e4
- 類似色: #eea5ae, #e3a6cd, #edaa91
- トライアド: #eea5ae, #a8c88d, #92c0f3
- テトラード: #eea5ae, #e0b37d, #74cec9, #92c0f3
- スクエア: #eea5ae, #c8be7c, #74cec9, #b2b6f3
- モノクロマティック: #eea5ae, #9f5d66, #c68089, #ffd1d8, #ffebef

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

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

#eea5ae は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(238, 165, 174)、HSLでは hsl(352.6, 68.22%, 79.02%)、OKLCHでは oklch(79.456% 0.08708 11.103) です。

### #eea5ae に合う色は？

#eea5ae の補色は #74cec9 です。落ち着いた組み合わせにするなら、類似色の #e3a6cd と #edaa91 を使いましょう。トライアドの組み合わせは #a8c88d と #92c0f3 です。

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

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

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

#eea5ae は暖色系の色です。OKLCHでは色相 11度、明度 79.5%、クロマ 0.087 です。