#E32694

#E32694

ディープピンク系

カラーコード変換

形式
HEX#E32694
RGBrgb(227, 38, 148)
RGBArgba(227, 38, 148, 1)
HSLhsl(325, 77%, 52%)
HSVhsv(325, 83%, 89%)
CMYKcmyk(0%, 83%, 35%, 11%)
Aa

白背景

4.22:1AA Large

Aa

黒背景

4.97:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#E32694#26E375

類似色

色相環で隣接する色

#D326E3#E326C3#E32694#E32665#E32636

トライアド

色相環で120°間隔の3色

#E32694#94E326#2694E3

テトラード

色相環で90°間隔の4色

#E32694#E3D326#26E375#2636E3

モノクローム

同じ色相の明度バリエーション

#630D3F#A7166A#E32694#EC6AB6#F4AED7

スプリットコンプリメンタリー

補色の両隣の色

#E32694#36E326#26E3D3

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #F297CC, #E32694, #7A104E)

補色グラデーション

linear-gradient(135deg, #E32694, #26E375)

類似色グラデーション

linear-gradient(135deg, #D326E3, #E32694, #E32636)

ラジアルグロー

radial-gradient(circle, #E32694, #7A104E)

サンセット風

linear-gradient(to right, #E32694, #E32636, #26E375)

オーバーレイ

linear-gradient(180deg, #E32694CC, #E3269433)

CSS使用例

背景色として使用

Hello, World!
background-color: #E32694;

テキスト色として使用

Color Text
color: #E32694;

ボーダー色として使用

ボーダー要素
border: 3px solid #E32694;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #E3269466;

関連するカラー