#A73590

#A73590

ダークマゼンタ系

カラーコード変換

形式
HEX#A73590
RGBrgb(167, 53, 144)
RGBArgba(167, 53, 144, 1)
HSLhsl(312, 52%, 43%)
HSVhsv(312, 68%, 65%)
CMYKcmyk(0%, 68%, 14%, 35%)
Aa

白背景

5.91:1AA適合

Aa

黒背景

3.56:1AA Large


配色パレット提案

補色

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

#A73590#35A74B

類似色

色相環で隣接する色

#8435A7#A135A7#A73590#A73573#A73557

トライアド

色相環で120°間隔の3色

#A73590#90A735#3590A7

テトラード

色相環で90°間隔の4色

#A73590#A78435#35A74B#3557A7

モノクローム

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

#32102B#6D225E#A73590#CC5CB5#DE96D0

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

補色の両隣の色

#A73590#57A735#35A784

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

ライト → ダーク

linear-gradient(135deg, #D883C7, #A73590, #46163C)

補色グラデーション

linear-gradient(135deg, #A73590, #35A74B)

類似色グラデーション

linear-gradient(135deg, #8435A7, #A73590, #A73557)

ラジアルグロー

radial-gradient(circle, #A73590, #46163C)

サンセット風

linear-gradient(to right, #A73590, #A73557, #35A74B)

オーバーレイ

linear-gradient(180deg, #A73590CC, #A7359033)

CSS使用例

背景色として使用

Hello, World!
background-color: #A73590;

テキスト色として使用

Color Text
color: #A73590;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー