#E548C9

#E548C9

カラー値

HEX

#E548C9

RGB

229, 72, 201

HSL

310.7, 75.1%, 59.0%

HSV

310.7, 68.6%, 89.8%

CMYK

0.0%, 68.6%, 12.2%, 10.2%

OKLCH

0.6651 0.2342 335.9

プロパティ

暖色 明るい 最も近い： Purple Pizzazz

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

カラーハーモニー

補色

#E548C9

#48E564

類似色

#B248E5

#E5487A

#E548C9

トライアド

#E548C9

#C9E548

#48C9E5

スプリット補色

#E548C9

#7AE548

#48E5B2

テトラード

#E548C9

#E5B248

#48E564

#487AE5

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

オリジナル

#E548C9

第1色覚異常

#A1A0AA

第2色覚異常

#AAB6A2

第3色覚異常

#DD918C

全色盲

#737373

CSS使用法

background-color: #E548C9;
color: #E548C9;
border-color: #E548C9;
最も近いTailwind： Fuchsia 400 #E879F9

Tailwindシェード

50
#FCF2FA
100
#F9E2F4
200
#F6C0ED
300
#F094DF
400
#E85ACE
500
#DF20BD
600
#B31997
700
#8F1479
800
#70105F
900
#511046
950
#330A2C

コントラストチェッカー

白背景のテキスト

3.44:1

AA Fail AAA Fail

黒背景のテキスト

6.1:1

AA Pass AAA Fail

比較する

#E548C9
#48E564
#E548C9
#FFFFFF
#000000
#E548C9

関連記事

チュートリアル

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

RGB(229, 72, 201) · HSL(310.7, 75.1%, 59.0%) · CMYK(0.0%, 68.6%, 12.2%, 10.2%)

Does #E548C9 meet WCAG contrast on white?

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

What text color is readable on #E548C9?

Use 000000 text on a #E548C9 background; contrast on black is 6.1:1.