#305578のRGB値は？

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

#305578の補色は？

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

#305578はどんな色？

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

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

#305578

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#305578
RGB	rgb(48, 85, 120)
RGBA	rgba(48, 85, 120, 1)
HSL	hsl(209, 43%, 33%)
HSV	hsv(209, 60%, 47%)
CMYK	cmyk(60%, 29%, 0%, 53%)

白背景

7.79:1AA適合

黒背景

2.70:1不適合

配色パレット提案

補色

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

#305578#785330

類似色

色相環で隣接する色

#307877#306778#305578#304378#303178

トライアド

色相環で120°間隔の3色

#305578#783055#557830

テトラード

色相環で90°間隔の4色

#305578#773078#785330#317830

モノクローム

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

#04080B#1A2F42#305578#467CAF#78A2C9

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

補色の両隣の色

#305578#783031#787730

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

ライト → ダーク

linear-gradient(135deg, #6695C2, #305578, #0C151D)

補色グラデーション

linear-gradient(135deg, #305578, #785330)

類似色グラデーション

linear-gradient(135deg, #307877, #305578, #303178)

ラジアルグロー

radial-gradient(circle, #305578, #0C151D)

サンセット風

linear-gradient(to right, #305578, #303178, #785330)

オーバーレイ

linear-gradient(180deg, #305578CC, #30557833)

CSS使用例

背景色として使用

Hello, World!

background-color: #305578;

テキスト色として使用

Color Text

color: #305578;

ボーダー色として使用

ボーダー要素

border: 3px solid #305578;

シャドウとして使用

Shadow

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