# カラーコード #ecadd5：パステル調の 明るいピンク

#ecadd5 はRGBで rgb(236, 173, 213)、OKLCHで oklch(81.818% 0.08954 340.849) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ecadd5 |
| RGB | rgb(236, 173, 213) |
| HSL | hsl(321.9, 62.38%, 80.2%) |
| HSB / HSV | hsv(321.9 26.69% 92.55%) |
| HWB | hwb(321.9 67.84% 7.45%) |
| CMYK | cmyk(0% 27% 10% 7%) |
| Lab | lab(77.67 28.24 -10.78) |
| LCH | lch(77.67 30.23 339.11) |
| OKLab | oklab(81.818% 0.08458 -0.02937) |
| OKLCH | oklch(81.818% 0.08954 340.849) |
| Display P3 | color(display-p3 0.8881 0.68855 0.8269) |
| Rec. 2020 | color(rec2020 0.83258 0.668 0.80405) |
| Adobe RGB | color(a98-rgb 0.86064 0.6725 0.82509) |
| ProPhoto RGB | color(prophoto-rgb 0.80414 0.65449 0.77986) |
| 線形sRGB | color(srgb-linear 0.8388 0.41789 0.66539) |
| XYZ D65 | color(xyz-d65 0.61543 0.52526 0.6985) |
| XYZ D50 | color(xyz-d50 0.62192 0.52654 0.5274) |
| SwiftUI | Color(red: 0.925, green: 0.678, blue: 0.835) |
| UIKit | UIColor(red: 0.925, green: 0.678, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFFECADD5) |
| Android XML | #ECADD5 |

## 基本情報

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

## ティント

#ecadd5, #eeb5d9, #f1bddd, #f3c6e2, #f5cee6, #f7d6ea, #f9deee, #fae6f2, #fceff7, #fef7fb

## シェード

#ecadd5, #cd96b9, #af7f9e, #926a83, #76556a, #5b4151, #422d3a, #291b24, #130b10, #030102

## トーン

#ecadd5, #e8afd3, #e4b2d2, #e1b4d0, #ddb6ce, #d9b9cc, #d5bbca, #d0bdc9, #ccbfc7, #c8c1c5

## カラーハーモニー

- 補色: #ecadd5, #8ed6b1
- 分裂補色: #ecadd5, #afd093, #79d6d1
- 類似色: #ecadd5, #d6b4ef, #f7acb5
- トライアド: #ecadd5, #d0c681, #7ed1ec
- テトラード: #ecadd5, #f6b097, #8ed6b1, #7ed1ec
- スクエア: #ecadd5, #e9ba83, #8ed6b1, #98c8fc
- モノクロマティック: #ecadd5, #9e648a, #c488af, #ffd9f9, #ffe9ff

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

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

#ecadd5 はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(236, 173, 213)、HSLでは hsl(321.9, 62.38%, 80.2%)、OKLCHでは oklch(81.818% 0.08954 340.849) です。

### #ecadd5 に合う色は？

#ecadd5 の補色は #8ed6b1 です。落ち着いた組み合わせにするなら、類似色の #d6b4ef と #f7acb5 を使いましょう。トライアドの組み合わせは #d0c681 と #7ed1ec です。

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

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

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

#ecadd5 は暖色系の色です。OKLCHでは色相 341度、明度 81.8%、クロマ 0.09 です。