#E076B5

#E076B5

ホットピンク系

カラーコード変換

形式
HEX#E076B5
RGBrgb(224, 118, 181)
RGBArgba(224, 118, 181, 1)
HSLhsl(324, 63%, 67%)
HSVhsv(324, 47%, 88%)
CMYKcmyk(0%, 47%, 19%, 12%)
Aa

白背景

2.83:1不適合

Aa

黒背景

7.43:1AA適合


配色パレット提案

補色

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

#E076B5#76E0A0

類似色

色相環で隣接する色

#D576E0#E076D0#E076B5#E0769B#E07680

トライアド

色相環で120°間隔の3色

#E076B5#B5E076#76B5E0

テトラード

色相環で90°間隔の4色

#E076B5#E0D576#76E0A0#7680E0

モノクローム

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

#9A236A#D23794#E076B5#EEB4D7#FCF3F8

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

補色の両隣の色

#E076B5#80E076#76E0D5

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

ライト → ダーク

linear-gradient(135deg, #F7DEED, #E076B5, #AF2879)

補色グラデーション

linear-gradient(135deg, #E076B5, #76E0A0)

類似色グラデーション

linear-gradient(135deg, #D576E0, #E076B5, #E07680)

ラジアルグロー

radial-gradient(circle, #E076B5, #AF2879)

サンセット風

linear-gradient(to right, #E076B5, #E07680, #76E0A0)

オーバーレイ

linear-gradient(180deg, #E076B5CC, #E076B533)

CSS使用例

背景色として使用

Hello, World!
background-color: #E076B5;

テキスト色として使用

Color Text
color: #E076B5;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー