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

#ebafba はRGBで rgb(235, 175, 186)、OKLCHで oklch(81.246% 0.07138 6.592) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ebafba |
| RGB | rgb(235, 175, 186) |
| HSL | hsl(349, 60%, 80.39%) |
| HSB / HSV | hsv(349 25.53% 92.16%) |
| HWB | hwb(349 68.63% 7.84%) |
| CMYK | cmyk(0% 26% 21% 8%) |
| Lab | lab(77.4 23.73 3.42) |
| LCH | lch(77.4 23.97 8.19) |
| OKLab | oklab(81.246% 0.07091 0.00819) |
| OKLCH | oklch(81.246% 0.07138 6.592) |
| Display P3 | color(display-p3 0.88569 0.6958 0.73027) |
| Rec. 2020 | color(rec2020 0.82709 0.67366 0.69896) |
| Adobe RGB | color(a98-rgb 0.85919 0.68035 0.72195) |
| ProPhoto RGB | color(prophoto-rgb 0.78734 0.6574 0.67236) |
| 線形sRGB | color(srgb-linear 0.83077 0.42869 0.49102) |
| XYZ D65 | color(xyz-d65 0.58451 0.51869 0.53389) |
| XYZ D50 | color(xyz-d50 0.59764 0.52193 0.40382) |
| SwiftUI | Color(red: 0.922, green: 0.686, blue: 0.729) |
| UIKit | UIColor(red: 0.922, green: 0.686, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFFEBAFBA) |
| Android XML | #EBAFBA |

## 基本情報

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

## ティント

#ebafba, #edb7c1, #f0bfc7, #f2c7ce, #f4cfd5, #f6d7dc, #f8dfe3, #fae7ea, #fceff1, #fdf7f8

## シェード

#ebafba, #cc98a1, #ae8189, #916b72, #75565c, #5b4146, #412e32, #291c1e, #130b0d, #030102

## トーン

#ebafba, #e7b1bb, #e3b3bc, #dfb5bc, #dbb7bd, #d7b9be, #d3babe, #cfbcbf, #cabec0, #c6c0c1

## カラーハーモニー

- 補色: #ebafba, #8bd1c9
- 分裂補色: #ebafba, #9cd0af, #8ccee0
- 類似色: #ebafba, #e0b1d3, #ecb2a2
- トライアド: #ebafba, #b6cb99, #9cc7ee
- テトラード: #ebafba, #e2b991, #8bd1c9, #9cc7ee
- スクエア: #ebafba, #cfc28d, #8bd1c9, #b5bef0
- モノクロマティック: #ebafba, #9d6671, #c38a95, #ffd9e2, #ffebf1

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

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

#ebafba はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(235, 175, 186)、HSLでは hsl(349, 60%, 80.39%)、OKLCHでは oklch(81.246% 0.07138 6.592) です。

### #ebafba に合う色は？

#ebafba の補色は #8bd1c9 です。落ち着いた組み合わせにするなら、類似色の #e0b1d3 と #ecb2a2 を使いましょう。トライアドの組み合わせは #b6cb99 と #9cc7ee です。

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

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

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

#ebafba は暖色系の色です。OKLCHでは色相 7度、明度 81.2%、クロマ 0.071 です。