#443460

#443460

ダークスレートグレー系

カラーコード変換

形式
HEX#443460
RGBrgb(68, 52, 96)
RGBArgba(68, 52, 96, 1)
HSLhsl(262, 30%, 29%)
HSVhsv(262, 46%, 38%)
CMYKcmyk(29%, 46%, 0%, 62%)
Aa

白背景

11.02:1AA適合

Aa

黒背景

1.91:1不適合


配色パレット提案

補色

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

#443460#506034

類似色

色相環で隣接する色

#343A60#393460#443460#4F3460#5A3460

トライアド

色相環で120°間隔の3色

#443460#604434#346044

テトラード

色相環で90°間隔の4色

#443460#60343A#506034#34605A

モノクローム

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

#000000#21192E#443460#674F92#8E77B6

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

補色の両隣の色

#443460#605A34#3A6034

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

ライト → ダーク

linear-gradient(135deg, #8067AD, #443460, #09070D)

補色グラデーション

linear-gradient(135deg, #443460, #506034)

類似色グラデーション

linear-gradient(135deg, #343A60, #443460, #5A3460)

ラジアルグロー

radial-gradient(circle, #443460, #09070D)

サンセット風

linear-gradient(to right, #443460, #5A3460, #506034)

オーバーレイ

linear-gradient(180deg, #443460CC, #44346033)

CSS使用例

背景色として使用

Hello, World!
background-color: #443460;

テキスト色として使用

Color Text
color: #443460;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー