#723573

#723573

ダークスレートブルー系

カラーコード変換

形式
HEX#723573
RGBrgb(114, 53, 115)
RGBArgba(114, 53, 115, 1)
HSLhsl(299, 37%, 33%)
HSVhsv(299, 54%, 45%)
CMYKcmyk(1%, 54%, 0%, 55%)
Aa

白背景

8.49:1AA適合

Aa

黒背景

2.47:1不適合


配色パレット提案

補色

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

#723573#367335

類似色

色相環で隣接する色

#533573#633573#723573#733565#733555

トライアド

色相環で120°間隔の3色

#723573#737235#357372

テトラード

色相環で90°間隔の4色

#723573#735335#367335#355573

モノクローム

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

#0A050A#3E1D3F#723573#A64DA8#C27EC4

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

補色の両隣の色

#723573#557335#357353

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

ライト → ダーク

linear-gradient(135deg, #BA6CBC, #723573, #1C0D1C)

補色グラデーション

linear-gradient(135deg, #723573, #367335)

類似色グラデーション

linear-gradient(135deg, #533573, #723573, #733555)

ラジアルグロー

radial-gradient(circle, #723573, #1C0D1C)

サンセット風

linear-gradient(to right, #723573, #733555, #367335)

オーバーレイ

linear-gradient(180deg, #723573CC, #72357333)

CSS使用例

背景色として使用

Hello, World!
background-color: #723573;

テキスト色として使用

Color Text
color: #723573;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー