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

#eea2bb はRGBで rgb(238, 162, 187)、OKLCHで oklch(79.306% 0.09495 358.135) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #eea2bb |
| RGB | rgb(238, 162, 187) |
| HSL | hsl(340.26, 69.09%, 78.43%) |
| HSB / HSV | hsv(340.26 31.93% 93.33%) |
| HWB | hwb(340.26 63.53% 6.67%) |
| CMYK | cmyk(0% 32% 21% 7%) |
| Lab | lab(74.79 31.49 -0.83) |
| LCH | lch(74.79 31.51 358.49) |
| OKLab | oklab(79.306% 0.0949 -0.00309) |
| OKLCH | oklch(79.306% 0.09495 358.135) |
| Display P3 | color(display-p3 0.88978 0.64817 0.73088) |
| Rec. 2020 | color(rec2020 0.82297 0.62606 0.69879) |
| Adobe RGB | color(a98-rgb 0.85817 0.62945 0.72389) |
| ProPhoto RGB | color(prophoto-rgb 0.78154 0.61241 0.67052) |
| 線形sRGB | color(srgb-linear 0.85499 0.36131 0.49693) |
| XYZ D65 | color(xyz-d65 0.57148 0.47607 0.53194) |
| XYZ D50 | color(xyz-d50 0.58309 0.47937 0.40184) |
| SwiftUI | Color(red: 0.933, green: 0.635, blue: 0.733) |
| UIKit | UIColor(red: 0.933, green: 0.635, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFFEEA2BB) |
| Android XML | #EEA2BB |

## 基本情報

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

## ティント

#eea2bb, #f0abc2, #f3b5c8, #f5becf, #f7c7d6, #f9d0dd, #fadae3, #fce3ea, #fdecf1, #fef6f8

## シェード

#eea2bb, #cf8ca2, #b1778a, #936373, #774f5c, #5c3c46, #422a32, #2a191f, #140a0d, #030102

## トーン

#eea2bb, #e9a5bb, #e5a8bb, #e0aabb, #dbadbb, #d6afbb, #d1b2bb, #ccb4bb, #c7b7bb, #c1b9bb

## カラーハーモニー

- 補色: #eea2bb, #72d0bc
- 分裂補色: #eea2bb, #91cd99, #6acddb
- 類似色: #eea2bb, #dda6da, #f3a499
- トライアド: #eea2bb, #b6c47d, #7fc5f2
- テトラード: #eea2bb, #eaad7e, #72d0bc, #7fc5f2
- スクエア: #eea2bb, #d5b872, #72d0bc, #a1baf9
- モノクロマティック: #eea2bb, #9f5a72, #c67d96, #ffcfe2, #ffebf5

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

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

#eea2bb は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(238, 162, 187)、HSLでは hsl(340.26, 69.09%, 78.43%)、OKLCHでは oklch(79.306% 0.09495 358.135) です。

### #eea2bb に合う色は？

#eea2bb の補色は #72d0bc です。落ち着いた組み合わせにするなら、類似色の #dda6da と #f3a499 を使いましょう。トライアドの組み合わせは #b6c47d と #7fc5f2 です。

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

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

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

#eea2bb は暖色系の色です。OKLCHでは色相 358度、明度 79.3%、クロマ 0.095 です。