# カラーコード #eeaab3：やわらかな 明るいピンク

#eeaab3 はRGBで rgb(238, 170, 179)、OKLCHで oklch(80.47% 0.08075 10.271) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #eeaab3 |
| RGB | rgb(238, 170, 179) |
| HSL | hsl(352.06, 66.67%, 80%) |
| HSB / HSV | hsv(352.06 28.57% 93.33%) |
| HWB | hwb(352.06 66.67% 6.67%) |
| CMYK | cmyk(0% 29% 25% 7%) |
| Lab | lab(76.42 26.63 5.87) |
| LCH | lch(76.42 27.27 12.43) |
| OKLab | oklab(80.47% 0.07946 0.0144) |
| OKLCH | oklch(80.47% 0.08075 10.271) |
| Display P3 | color(display-p3 0.89348 0.67779 0.70431) |
| Rec. 2020 | color(rec2020 0.82992 0.65564 0.67056) |
| Adobe RGB | color(a98-rgb 0.86447 0.66074 0.69467) |
| ProPhoto RGB | color(prophoto-rgb 0.78622 0.64006 0.64319) |
| 線形sRGB | color(srgb-linear 0.85499 0.40198 0.45079) |
| XYZ D65 | color(xyz-d65 0.57769 0.50183 0.49293) |
| XYZ D50 | color(xyz-d50 0.59215 0.50573 0.37284) |
| SwiftUI | Color(red: 0.933, green: 0.667, blue: 0.702) |
| UIKit | UIColor(red: 0.933, green: 0.667, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFFEEAAB3) |
| Android XML | #EEAAB3 |

## 基本情報

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

## ティント

#eeaab3, #f0b2ba, #f2bbc2, #f5c3c9, #f6ccd1, #f8d4d8, #fadde0, #fbe5e8, #fdeeef, #fef6f7

## シェード

#eeaab3, #cf939b, #b17d84, #93686e, #775358, #5c3f43, #422d2f, #2a1b1d, #140b0c, #030101

## トーン

#eeaab3, #eaacb4, #e5afb5, #e1b1b7, #dcb3b8, #d8b5b9, #d3b7ba, #ceb9bb, #c9bbbd, #c4bdbe

## カラーハーモニー

- 補色: #eeaab3, #7ed0cb
- 分裂補色: #eeaab3, #91d0ae, #82cce4
- 類似色: #eeaab3, #e4abcf, #edae98
- トライアド: #eeaab3, #aeca93, #98c4f2
- テトラード: #eeaab3, #e1b786, #7ed0cb, #98c4f2
- スクエア: #eeaab3, #cbc184, #7ed0cb, #b5baf3
- モノクロマティック: #eeaab3, #9f616b, #c6858e, #ffd6dc, #ffebef

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

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

#eeaab3 はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(238, 170, 179)、HSLでは hsl(352.06, 66.67%, 80%)、OKLCHでは oklch(80.47% 0.08075 10.271) です。

### #eeaab3 に合う色は？

#eeaab3 の補色は #7ed0cb です。落ち着いた組み合わせにするなら、類似色の #e4abcf と #edae98 を使いましょう。トライアドの組み合わせは #aeca93 と #98c4f2 です。

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

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

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

#eeaab3 は暖色系の色です。OKLCHでは色相 10度、明度 80.5%、クロマ 0.081 です。