#783479

#783479

ダークスレートブルー系

カラーコード変換

形式
HEX#783479
RGBrgb(120, 52, 121)
RGBArgba(120, 52, 121, 1)
HSLhsl(299, 40%, 34%)
HSVhsv(299, 57%, 47%)
CMYKcmyk(1%, 57%, 0%, 53%)
Aa

白背景

8.18:1AA適合

Aa

黒背景

2.57:1不適合


配色パレット提案

補色

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

#783479#357934

類似色

色相環で隣接する色

#563479#673479#783479#793469#793458

トライアド

色相環で120°間隔の3色

#783479#797834#347978

テトラード

色相環で90°間隔の4色

#783479#795634#357934#345879

モノクローム

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

#0E060E#431D44#783479#AD4BAF#C77EC8

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

補色の両隣の色

#783479#587934#347956

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

ライト → ダーク

linear-gradient(135deg, #BF6DC0, #783479, #200E20)

補色グラデーション

linear-gradient(135deg, #783479, #357934)

類似色グラデーション

linear-gradient(135deg, #563479, #783479, #793458)

ラジアルグロー

radial-gradient(circle, #783479, #200E20)

サンセット風

linear-gradient(to right, #783479, #793458, #357934)

オーバーレイ

linear-gradient(180deg, #783479CC, #78347933)

CSS使用例

背景色として使用

Hello, World!
background-color: #783479;

テキスト色として使用

Color Text
color: #783479;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー