#E2ACBB

#E2ACBB

カラー値

HEX

#E2ACBB

RGB

226, 172, 187

HSL

343.3, 48.2%, 78.0%

HSV

343.3, 23.9%, 88.6%

CMYK

0.0%, 23.9%, 17.3%, 11.4%

OKLCH

0.7982 0.0659 0.3

プロパティ

暖色 明るい 最も近い： pink 2

色彩心理学

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

カラーハーモニー

補色

#E2ACBB

#ACE2D3

類似色

#E2ACD6

#E2B8AC

#E2ACBB

トライアド

#E2ACBB

#BBE2AC

#ACBBE2

スプリット補色

#E2ACBB

#ACE2B8

#ACD6E2

テトラード

#E2ACBB

#D6E2AC

#ACE2D3

#B8ACE2

色覚異常シミュレーション

オリジナル

#E2ACBB

第1色覚異常

#CBCAB7

第2色覚異常

#CED2B6

第3色覚異常

#DFB5B4

全色盲

#B9B9B9

CSS使用法

background-color: #E2ACBB;
color: #E2ACBB;
border-color: #E2ACBB;
最も近いTailwind： Rose 200 #FECDD3

Tailwindシェード

50
#FAF4F6
100
#F4E6EA
200
#EDCAD4
300
#DFA4B5
400
#CE738C
500
#BD4264
600
#973550
700
#792A40
800
#5E2132
900
#451B27
950
#2C1119

コントラストチェッカー

白背景のテキスト

1.94:1

AA Fail AAA Fail

黒背景のテキスト

10.85:1

AA Pass AAA Pass

比較する

#E2ACBB
#ACE2D3
#E2ACBB
#FFFFFF
#000000
#E2ACBB

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #E2ACBB?

RGB(226, 172, 187) · HSL(343.3, 48.2%, 78.0%) · CMYK(0.0%, 23.9%, 17.3%, 11.4%)

Does #E2ACBB meet WCAG contrast on white?

1.94:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #E2ACBB?

Use 000000 text on a #E2ACBB background; contrast on black is 10.85:1.