#6120CB

#6120CB

スレートブルー系

カラーコード変換

形式
HEX#6120CB
RGBrgb(97, 32, 203)
RGBArgba(97, 32, 203, 1)
HSLhsl(263, 73%, 46%)
HSVhsv(263, 84%, 80%)
CMYKcmyk(52%, 84%, 0%, 20%)
Aa

白背景

8.15:1AA適合

Aa

黒背景

2.58:1不適合


配色パレット提案

補色

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

#6120CB#89CB20

類似色

色相環で隣接する色

#2034CB#3720CB#6120CB#8C20CB#B720CB

トライアド

色相環で120°間隔の3色

#6120CB#CB6120#20CB61

テトラード

色相環で90°間隔の4色

#6120CB#CB2034#89CB20#20CBB7

モノクローム

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

#220B47#421589#6120CB#8B53E4#B795EE

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

補色の両隣の色

#6120CB#CBB720#34CB20

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

ライト → ダーク

linear-gradient(135deg, #A87FEB, #6120CB, #2C0E5D)

補色グラデーション

linear-gradient(135deg, #6120CB, #89CB20)

類似色グラデーション

linear-gradient(135deg, #2034CB, #6120CB, #B720CB)

ラジアルグロー

radial-gradient(circle, #6120CB, #2C0E5D)

サンセット風

linear-gradient(to right, #6120CB, #B720CB, #89CB20)

オーバーレイ

linear-gradient(180deg, #6120CBCC, #6120CB33)

CSS使用例

背景色として使用

Hello, World!
background-color: #6120CB;

テキスト色として使用

Color Text
color: #6120CB;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #6120CB66;

関連するカラー