#79107E

#79107E

パープル系

カラーコード変換

形式
HEX#79107E
RGBrgb(121, 16, 126)
RGBArgba(121, 16, 126, 1)
HSLhsl(297, 77%, 28%)
HSVhsv(297, 87%, 49%)
CMYKcmyk(4%, 87%, 0%, 51%)
Aa

白背景

9.60:1AA適合

Aa

黒背景

2.19:1不適合


配色パレット提案

補色

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

#79107E#167E10

類似色

色相環で隣接する色

#42107E#5D107E#79107E#7E1068#7E104D

トライアド

色相環で120°間隔の3色

#79107E#7E7910#107E79

テトラード

色相環で90°間隔の4色

#79107E#7E4210#167E10#104D7E

モノクローム

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

#000000#38083B#79107E#BA19C2#DE41E6

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

補色の両隣の色

#79107E#4D7E10#107E42

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

ライト → ダーク

linear-gradient(135deg, #DA2BE3, #79107E, #0D020E)

補色グラデーション

linear-gradient(135deg, #79107E, #167E10)

類似色グラデーション

linear-gradient(135deg, #42107E, #79107E, #7E104D)

ラジアルグロー

radial-gradient(circle, #79107E, #0D020E)

サンセット風

linear-gradient(to right, #79107E, #7E104D, #167E10)

オーバーレイ

linear-gradient(180deg, #79107ECC, #79107E33)

CSS使用例

背景色として使用

Hello, World!
background-color: #79107E;

テキスト色として使用

Color Text
color: #79107E;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #79107E66;

関連するカラー