#E5347B

#E5347B

ディープピンク系

カラーコード変換

形式
HEX#E5347B
RGBrgb(229, 52, 123)
RGBArgba(229, 52, 123, 1)
HSLhsl(336, 77%, 55%)
HSVhsv(336, 77%, 90%)
CMYKcmyk(0%, 77%, 46%, 10%)
Aa

白背景

4.11:1AA Large

Aa

黒背景

5.11:1AA適合


配色パレット提案

補色

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

#E5347B#34E59E

類似色

色相環で隣接する色

#E534D3#E534A7#E5347B#E5344E#E54634

トライアド

色相環で120°間隔の3色

#E5347B#7BE534#347BE5

テトラード

色相環で90°間隔の4色

#E5347B#D3E534#34E59E#4634E5

モノクローム

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

#710F36#B51756#E5347B#ED78A7#F6BBD3

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

補色の両隣の色

#E5347B#34E546#34D3E5

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

ライト → ダーク

linear-gradient(135deg, #F3A5C4, #E5347B, #871241)

補色グラデーション

linear-gradient(135deg, #E5347B, #34E59E)

類似色グラデーション

linear-gradient(135deg, #E534D3, #E5347B, #E54634)

ラジアルグロー

radial-gradient(circle, #E5347B, #871241)

サンセット風

linear-gradient(to right, #E5347B, #E54634, #34E59E)

オーバーレイ

linear-gradient(180deg, #E5347BCC, #E5347B33)

CSS使用例

背景色として使用

Hello, World!
background-color: #E5347B;

テキスト色として使用

Color Text
color: #E5347B;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー