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

#ea96a4 はRGBで rgb(234, 150, 164)、OKLCHで oklch(76.164% 0.10223 8.918) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ea96a4 |
| RGB | rgb(234, 150, 164) |
| HSL | hsl(350, 66.67%, 75.29%) |
| HSB / HSV | hsv(350 35.9% 91.76%) |
| HWB | hwb(350 58.82% 8.24%) |
| CMYK | cmyk(0% 36% 30% 8%) |
| Lab | lab(71.16 33.71 6.56) |
| LCH | lch(71.16 34.35 11.01) |
| OKLab | oklab(76.164% 0.101 0.01585) |
| OKLCH | oklch(76.164% 0.10223 8.918) |
| Display P3 | color(display-p3 0.8708 0.6031 0.64542) |
| Rec. 2020 | color(rec2020 0.79537 0.57858 0.60586) |
| Adobe RGB | color(a98-rgb 0.8365 0.58277 0.63513) |
| ProPhoto RGB | color(prophoto-rgb 0.74477 0.56495 0.57651) |
| 線形sRGB | color(srgb-linear 0.82279 0.30499 0.37124) |
| XYZ D65 | color(xyz-d65 0.51537 0.41987 0.40513) |
| XYZ D50 | color(xyz-d50 0.52937 0.42421 0.30617) |
| SwiftUI | Color(red: 0.918, green: 0.588, blue: 0.643) |
| UIKit | UIColor(red: 0.918, green: 0.588, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFFEA96A4) |
| Android XML | #EA96A4 |

## 基本情報

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

## ティント

#ea96a4, #eda1ad, #f0abb6, #f3b6bf, #f5c0c8, #f7cbd1, #f9d5da, #fbdfe3, #fdeaec, #fef4f6

## シェード

#ea96a4, #cb828e, #ae6e79, #915b64, #754950, #5a373d, #41262b, #29161a, #13080a, #030101

## トーン

#ea96a4, #e599a5, #e09ca7, #db9fa8, #d5a2a9, #d0a5ab, #caa7ac, #c4aaad, #beadaf, #b8afb0

## カラーハーモニー

- 補色: #ea96a4, #57c7bf
- 分裂補色: #ea96a4, #75c69a, #5cc1de
- 類似色: #ea96a4, #dd98c7, #ea9b81
- トライアド: #ea96a4, #9ebf78, #7db7f0
- テトラード: #ea96a4, #dca667, #57c7bf, #7db7f0
- スクエア: #ea96a4, #c2b363, #57c7bf, #a3abf2
- モノクロマティック: #ea96a4, #9a4e5d, #c27180, #ffc0cc, #ffebf0

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

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

#ea96a4 はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(234, 150, 164)、HSLでは hsl(350, 66.67%, 75.29%)、OKLCHでは oklch(76.164% 0.10223 8.918) です。

### #ea96a4 に合う色は？

#ea96a4 の補色は #57c7bf です。落ち着いた組み合わせにするなら、類似色の #dd98c7 と #ea9b81 を使いましょう。トライアドの組み合わせは #9ebf78 と #7db7f0 です。

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

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

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

#ea96a4 は暖色系の色です。OKLCHでは色相 9度、明度 76.2%、クロマ 0.102 です。