#ECD6E3

#ECD6E3

カラー値

HEX

#ECD6E3

RGB

236, 214, 227

HSL

324.5, 36.7%, 88.2%

HSV

324.5, 9.3%, 92.5%

CMYK

0.0%, 9.3%, 3.8%, 7.5%

OKLCH

0.8978 0.0297 341.4

プロパティ

暖色 明るい 最も近い： Piggy Pink

色彩心理学

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

カラーハーモニー

補色

#ECD6E3

#D6ECDF

類似色

#EAD6EC

#ECD6D8

#ECD6E3

トライアド

#ECD6E3

#E3ECD6

#D6E3EC

スプリット補色

#ECD6E3

#D8ECD6

#D6ECEA

テトラード

#ECD6E3

#ECEAD6

#D6ECDF

#D6D8EC

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

オリジナル

#ECD6E3

第1色覚異常

#E2E2E0

第2色覚異常

#E4E5DF

第3色覚異常

#EBDDDD

全色盲

#DCDCDC

CSS使用法

background-color: #ECD6E3;
color: #ECD6E3;
border-color: #ECD6E3;
最も近いTailwind： Pink 100 #FCE7F3

Tailwindシェード

50
#FAF5F8
100
#F3E8EE
200
#E8CEDE
300
#D8ABC6
400
#C37EA7
500
#AE5188
600
#8B416D
700
#703457
800
#572844
900
#402033
950
#291420

コントラストチェッカー

白背景のテキスト

1.37:1

AA Fail AAA Fail

黒背景のテキスト

15.29:1

AA Pass AAA Pass

比較する

#ECD6E3
#D6ECDF
#ECD6E3
#FFFFFF
#000000
#ECD6E3

関連記事

チュートリアル

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

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

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

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

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

1月 15, 2026