#483479

#483479

ダークスレートブルー系

カラーコード変換

形式
HEX#483479
RGBrgb(72, 52, 121)
RGBArgba(72, 52, 121, 1)
HSLhsl(257, 40%, 34%)
HSVhsv(257, 57%, 47%)
CMYKcmyk(40%, 57%, 0%, 53%)
Aa

白背景

10.28:1AA適合

Aa

黒背景

2.04:1不適合


配色パレット提案

補色

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

#483479#667934

類似色

色相環で隣接する色

#344379#363479#483479#593479#6A3479

トライアド

色相環で120°間隔の3色

#483479#794834#347948

テトラード

色相環で90°間隔の4色

#483479#793443#667934#34796A

モノクローム

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

#08060E#281D44#483479#674BAF#937EC8

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

補色の両隣の色

#483479#796A34#437934

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

ライト → ダーク

linear-gradient(135deg, #846DC0, #483479, #130E20)

補色グラデーション

linear-gradient(135deg, #483479, #667934)

類似色グラデーション

linear-gradient(135deg, #344379, #483479, #6A3479)

ラジアルグロー

radial-gradient(circle, #483479, #130E20)

サンセット風

linear-gradient(to right, #483479, #6A3479, #667934)

オーバーレイ

linear-gradient(180deg, #483479CC, #48347933)

CSS使用例

背景色として使用

Hello, World!
background-color: #483479;

テキスト色として使用

Color Text
color: #483479;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー