#393678のRGB値は？

#393678（ダークスレートブルー系）のRGB値は、赤(R)=57、緑(G)=54、青(B)=120です。

#393678の補色は？

#393678（ダークスレートブルー系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#393678はどんな色？

#393678はダークスレートブルー系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#393678のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#393678

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#393678
RGB	rgb(57, 54, 120)
RGBA	rgba(57, 54, 120, 1)
HSL	hsl(243, 38%, 34%)
HSV	hsv(243, 55%, 47%)
CMYK	cmyk(53%, 55%, 0%, 53%)

白背景

10.64:1AA適合

黒背景

1.97:1不適合

配色パレット提案

補色

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

#393678#747836

類似色

色相環で隣接する色

#365378#364378#393678#4A3678#5A3678

トライアド

色相環で120°間隔の3色

#393678#783936#367839

テトラード

色相環で90°間隔の4色

#393678#783653#747836#36785A

モノクローム

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

#07060E#201E43#393678#524DAC#8480C6

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

補色の両隣の色

#393678#785A36#537836

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

ライト → ダーク

linear-gradient(135deg, #736FBE, #393678, #0F0E20)

補色グラデーション

linear-gradient(135deg, #393678, #747836)

類似色グラデーション

linear-gradient(135deg, #365378, #393678, #5A3678)

ラジアルグロー

radial-gradient(circle, #393678, #0F0E20)

サンセット風

linear-gradient(to right, #393678, #5A3678, #747836)

オーバーレイ

linear-gradient(180deg, #393678CC, #39367833)

CSS使用例

背景色として使用

Hello, World!

background-color: #393678;

テキスト色として使用

Color Text

color: #393678;

ボーダー色として使用

ボーダー要素

border: 3px solid #393678;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #39367866;