#E492DA

#E492DA

カラー値

HEX

#E492DA

RGB

228, 146, 218

HSL

307.3, 60.3%, 73.3%

HSV

307.3, 36.0%, 89.4%

CMYK

0.0%, 36.0%, 4.4%, 10.6%

OKLCH

0.7662 0.1345 331.2

プロパティ

暖色 明るい 最も近い： plum

色彩心理学

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.

カラーハーモニー

補色

#E492DA

#92E49C

類似色

#C592E4

#E492B1

#E492DA

トライアド

#E492DA

#DAE492

#92DAE4

スプリット補色

#E492DA

#B1E492

#92E4C5

テトラード

#E492DA

#E4C592

#92E49C

#92B1E4

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

オリジナル

#E492DA

第1色覚異常

#C0C0C9

第2色覚異常

#C5CBC4

第3色覚異常

#E0BBB8

全色盲

#A9A9A9

CSS使用法

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

Tailwindシェード

50
#FBF3FA
100
#F6E4F4
200
#F1C6EC
300
#E79DDE
400
#DA68CC
500
#CC33BA
600
#A42895
700
#832077
800
#66195D
900
#4B1644
950
#2F0E2B

コントラストチェッカー

白背景のテキスト

2.23:1

AA Fail AAA Fail

黒背景のテキスト

9.42:1

AA Pass AAA Pass

比較する

#E492DA
#92E49C
#E492DA
#FFFFFF
#000000
#E492DA

関連記事

チュートリアル

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

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

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

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

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

1月 15, 2026