#612673

#612673

ダークスレートブルー系

カラーコード変換

形式
HEX#612673
RGBrgb(97, 38, 115)
RGBArgba(97, 38, 115, 1)
HSLhsl(286, 50%, 30%)
HSVhsv(286, 67%, 45%)
CMYKcmyk(16%, 67%, 0%, 55%)
Aa

白背景

10.33:1AA適合

Aa

黒背景

2.03:1不適合


配色パレット提案

補色

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

#612673#387326

類似色

色相環で隣接する色

#3B2673#4E2673#612673#732671#73265E

トライアド

色相環で120°間隔の3色

#612673#736126#267361

テトラード

色相環で90°間隔の4色

#612673#733B26#387326#265E73

モノクローム

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

#000000#301339#612673#9139AC#B466CC

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

補色の両隣の色

#612673#5E7326#26733B

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

ライト → ダーク

linear-gradient(135deg, #AB53C6, #612673, #100613)

補色グラデーション

linear-gradient(135deg, #612673, #387326)

類似色グラデーション

linear-gradient(135deg, #3B2673, #612673, #73265E)

ラジアルグロー

radial-gradient(circle, #612673, #100613)

サンセット風

linear-gradient(to right, #612673, #73265E, #387326)

オーバーレイ

linear-gradient(180deg, #612673CC, #61267333)

CSS使用例

背景色として使用

Hello, World!
background-color: #612673;

テキスト色として使用

Color Text
color: #612673;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー