#370CE4のRGB値は？

#370CE4（ブルー系）のRGB値は、赤(R)=55、緑(G)=12、青(B)=228です。

#370CE4の補色は？

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

#370CE4はどんな色？

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

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

#370CE4

ブルー系

カラーコード変換

形式	値
HEX	#370CE4
RGB	rgb(55, 12, 228)
RGBA	rgba(55, 12, 228, 1)
HSL	hsl(252, 90%, 47%)
HSV	hsv(252, 95%, 89%)
CMYK	cmyk(76%, 95%, 0%, 11%)

白背景

8.99:1AA適合

黒背景

2.34:1不適合

配色パレット提案

補色

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

#370CE4#B9E40C

類似色

色相環で隣接する色

#0C4DE4#0C17E4#370CE4#6D0CE4#A30CE4

トライアド

色相環で120°間隔の3色

#370CE4#E4370C#0CE437

テトラード

色相環で90°間隔の4色

#370CE4#E40C4D#B9E40C#0CE4A3

モノクローム

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

#140452#26089B#370CE4#6A47F5#A590F9

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

補色の両隣の色

#370CE4#E4A30C#4DE40C

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

ライト → ダーク

linear-gradient(135deg, #9177F8, #370CE4, #1A066B)

補色グラデーション

linear-gradient(135deg, #370CE4, #B9E40C)

類似色グラデーション

linear-gradient(135deg, #0C4DE4, #370CE4, #A30CE4)

ラジアルグロー

radial-gradient(circle, #370CE4, #1A066B)

サンセット風

linear-gradient(to right, #370CE4, #A30CE4, #B9E40C)

オーバーレイ

linear-gradient(180deg, #370CE4CC, #370CE433)

CSS使用例

背景色として使用

Hello, World!

background-color: #370CE4;

テキスト色として使用

Color Text

color: #370CE4;

ボーダー色として使用

ボーダー要素

border: 3px solid #370CE4;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #370CE466;