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

#ea97a5 はRGBで rgb(234, 151, 165)、OKLCHで oklch(76.36% 0.10096 8.732) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ea97a5 |
| RGB | rgb(234, 151, 165) |
| HSL | hsl(349.88, 66.4%, 75.49%) |
| HSB / HSV | hsv(349.88 35.47% 91.76%) |
| HWB | hwb(349.88 59.22% 8.24%) |
| CMYK | cmyk(0% 35% 29% 8%) |
| Lab | lab(71.4 33.31 6.35) |
| LCH | lch(71.4 33.91 10.79) |
| OKLab | oklab(76.36% 0.09979 0.01533) |
| OKLCH | oklch(76.36% 0.10096 8.732) |
| Display P3 | color(display-p3 0.87122 0.60677 0.64922) |
| Rec. 2020 | color(rec2020 0.79645 0.5823 0.61001) |
| Adobe RGB | color(a98-rgb 0.83722 0.58665 0.63903) |
| ProPhoto RGB | color(prophoto-rgb 0.74631 0.5685 0.5807) |
| 線形sRGB | color(srgb-linear 0.82279 0.30947 0.37626) |
| XYZ D65 | color(xyz-d65 0.51788 0.42344 0.41044) |
| XYZ D50 | color(xyz-d50 0.53182 0.42773 0.31019) |
| SwiftUI | Color(red: 0.918, green: 0.592, blue: 0.647) |
| UIKit | UIColor(red: 0.918, green: 0.592, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFFEA97A5) |
| Android XML | #EA97A5 |

## 基本情報

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

## ティント

#ea97a5, #eda1ae, #f0acb6, #f2b6bf, #f5c1c8, #f7cbd1, #f9d5da, #fbe0e3, #fdeaec, #fef5f6

## シェード

#ea97a5, #cb838f, #ae6f79, #915c65, #754951, #5a373d, #41262b, #29171a, #13080a, #030101

## トーン

#ea97a5, #e59aa6, #e09da8, #dba0a9, #d5a3aa, #d0a5ac, #caa8ad, #c4abae, #bfadaf, #b8b0b1

## カラーハーモニー

- 補色: #ea97a5, #59c7bf
- 分裂補色: #ea97a5, #77c69b, #5ec2de
- 類似色: #ea97a5, #dd99c8, #ea9c82
- トライアド: #ea97a5, #9fbf79, #7eb8f0
- テトラード: #ea97a5, #dca669, #59c7bf, #7eb8f0
- スクエア: #ea97a5, #c2b365, #59c7bf, #a4acf2
- モノクロマティック: #ea97a5, #9a4f5e, #c27281, #ffc1cd, #ffebf0

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

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

#ea97a5 はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(234, 151, 165)、HSLでは hsl(349.88, 66.4%, 75.49%)、OKLCHでは oklch(76.36% 0.10096 8.732) です。

### #ea97a5 に合う色は？

#ea97a5 の補色は #59c7bf です。落ち着いた組み合わせにするなら、類似色の #dd99c8 と #ea9c82 を使いましょう。トライアドの組み合わせは #9fbf79 と #7eb8f0 です。

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

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

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

#ea97a5 は暖色系の色です。OKLCHでは色相 9度、明度 76.4%、クロマ 0.101 です。