#EBACEE

#EBACEE

カラー値

HEX

#EBACEE

RGB

235, 172, 238

HSL

297.3, 66.0%, 80.4%

HSV

297.3, 27.7%, 93.3%

CMYK

1.3%, 27.7%, 0.0%, 6.7%

OKLCH

0.8243 0.113 325.0

プロパティ

寒色 明るい 最も近い： plum 2

色彩心理学

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.

カラーハーモニー

補色

#EBACEE

#AFEEAC

類似色

#CAACEE

#EEACD0

#EBACEE

トライアド

#EBACEE

#EEEBAC

#ACEEEB

スプリット補色

#EBACEE

#D0EEAC

#ACEECA

テトラード

#EBACEE

#EECAAC

#AFEEAC

#ACD0EE

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

オリジナル

#EBACEE

第1色覚異常

#D0CFDE

第2色覚異常

#D3D8DA

第3色覚異常

#E8D1CF

全色盲

#BEBEBE

CSS使用法

background-color: #EBACEE;
color: #EBACEE;
border-color: #EBACEE;
最も近いTailwind： Fuchsia 300 #F0ABFC

Tailwindシェード

50
#FBF3FC
100
#F6E3F7
200
#F1C4F3
300
#E799EA
400
#D962DF
500
#CC2BD4
600
#A323A9
700
#831C87
800
#66166A
900
#4B144D
950
#2F0C31

コントラストチェッカー

白背景のテキスト

1.8:1

AA Fail AAA Fail

黒背景のテキスト

11.67:1

AA Pass AAA Pass

比較する

#EBACEE
#AFEEAC
#EBACEE
#FFFFFF
#000000
#EBACEE

関連記事

チュートリアル

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 #EBACEE?

RGB(235, 172, 238) · HSL(297.3, 66.0%, 80.4%) · CMYK(1.3%, 27.7%, 0.0%, 6.7%)

Does #EBACEE meet WCAG contrast on white?

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

What text color is readable on #EBACEE?

Use 000000 text on a #EBACEE background; contrast on black is 11.67:1.