#093BAEのRGB値は？

#093BAE（ダークスレートブルー系）のRGB値は、赤(R)=9、緑(G)=59、青(B)=174です。

#093BAEの補色は？

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

#093BAEはどんな色？

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

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

#093BAE

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#093BAE
RGB	rgb(9, 59, 174)
RGBA	rgba(9, 59, 174, 1)
HSL	hsl(222, 90%, 36%)
HSV	hsv(222, 95%, 68%)
CMYK	cmyk(95%, 66%, 0%, 32%)

白背景

9.34:1AA適合

黒背景

2.25:1不適合

配色パレット提案

補色

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

#093BAE#AE7D09

類似色

色相環で隣接する色

#098DAE#0964AE#093BAE#0911AE#2A09AE

トライアド

色相環で120°間隔の3色

#093BAE#AE093B#3BAE09

テトラード

色相環で90°間隔の4色

#093BAE#AE098D#AE7D09#09AE2A

モノクローム

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

#020A1D#052266#093BAE#1255F3#5A89F6

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

補色の両隣の色

#093BAE#AE2A09#8DAE09

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

ライト → ダーク

linear-gradient(135deg, #4278F5, #093BAE, #031235)

補色グラデーション

linear-gradient(135deg, #093BAE, #AE7D09)

類似色グラデーション

linear-gradient(135deg, #098DAE, #093BAE, #2A09AE)

ラジアルグロー

radial-gradient(circle, #093BAE, #031235)

サンセット風

linear-gradient(to right, #093BAE, #2A09AE, #AE7D09)

オーバーレイ

linear-gradient(180deg, #093BAECC, #093BAE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #093BAE;

テキスト色として使用

Color Text

color: #093BAE;

ボーダー色として使用

ボーダー要素

border: 3px solid #093BAE;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #093BAE66;