#3028A4のRGB値は？

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

#3028A4の補色は？

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

#3028A4はどんな色？

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

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

#3028A4

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#3028A4
RGB	rgb(48, 40, 164)
RGBA	rgba(48, 40, 164, 1)
HSL	hsl(244, 61%, 40%)
HSV	hsv(244, 76%, 64%)
CMYK	cmyk(71%, 76%, 0%, 36%)

白背景

10.69:1AA適合

黒背景

1.97:1不適合

配色パレット提案

補色

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

#3028A4#9CA428

類似色

色相環で隣接する色

#285EA4#283FA4#3028A4#4F28A4#6E28A4

トライアド

色相環で120°間隔の3色

#3028A4#A43028#28A430

テトラード

色相環で90°間隔の4色

#3028A4#A4285E#9CA428#28A46E

モノクローム

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

#0C0A29#1E1967#3028A4#5046D2#8A84E1

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

補色の両隣の色

#3028A4#A46E28#5EA428

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

ライト → ダーク

linear-gradient(135deg, #776FDC, #3028A4, #120F3E)

補色グラデーション

linear-gradient(135deg, #3028A4, #9CA428)

類似色グラデーション

linear-gradient(135deg, #285EA4, #3028A4, #6E28A4)

ラジアルグロー

radial-gradient(circle, #3028A4, #120F3E)

サンセット風

linear-gradient(to right, #3028A4, #6E28A4, #9CA428)

オーバーレイ

linear-gradient(180deg, #3028A4CC, #3028A433)

CSS使用例

背景色として使用

Hello, World!

background-color: #3028A4;

テキスト色として使用

Color Text

color: #3028A4;

ボーダー色として使用

ボーダー要素

border: 3px solid #3028A4;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #3028A466;