#E71882

#E71882

カラー値

HEX

#E71882

RGB

231, 24, 130

HSL

329.3, 81.2%, 50.0%

HSV

329.3, 89.6%, 90.6%

CMYK

0.0%, 89.6%, 43.7%, 9.4%

OKLCH

0.609 0.2388 358.1

プロパティ

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

色彩心理学

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.

カラーハーモニー

補色

#E71882

#18E77D

類似色

#E518E7

#E7181A

#E71882

トライアド

#E71882

#82E718

#1882E7

スプリット補色

#E71882

#1AE718

#18E7E5

テトラード

#E71882

#E7E518

#18E77D

#181AE7

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

オリジナル

#E71882

第1色覚異常

#8D8C68

第2色覚異常

#99A962

第3色覚異常

#DD5450

全色盲

#4C4C4C

CSS使用法

background-color: #E71882;
color: #E71882;
border-color: #E71882;
最も近いTailwind： Pink 600 #DB2777

Tailwindシェード

50
#FDF2F7
100
#F9E1ED
200
#F8BEDC
300
#F390C3
400
#ED54A2
500
#E71882
600
#B91368
700
#940F53
800
#740C41
900
#540D31
950
#35081F

コントラストチェッカー

白背景のテキスト

4.33:1

AA Fail AAA Fail

黒背景のテキスト

4.85:1

AA Pass AAA Fail

比較する

#E71882
#18E77D
#E71882
#FFFFFF
#000000
#E71882

関連記事

チュートリアル

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

RGB(231, 24, 130) · HSL(329.3, 81.2%, 50.0%) · CMYK(0.0%, 89.6%, 43.7%, 9.4%)

Does #E71882 meet WCAG contrast on white?

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

What text color is readable on #E71882?

Use 000000 text on a #E71882 background; contrast on black is 4.85:1.