#052FFFのRGB値は？

#052FFF（ブルー系）のRGB値は、赤(R)=5、緑(G)=47、青(B)=255です。

#052FFFの補色は？

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

#052FFFはどんな色？

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

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

#052FFF

ブルー系

カラーコード変換

形式	値
HEX	#052FFF
RGB	rgb(5, 47, 255)
RGBA	rgba(5, 47, 255, 1)
HSL	hsl(230, 100%, 51%)
HSV	hsv(230, 98%, 100%)
CMYK	cmyk(98%, 82%, 0%, 0%)

白背景

7.35:1AA適合

黒背景

2.86:1不適合

配色パレット提案

補色

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

#052FFF#FFD505

類似色

色相環で隣接する色

#05ACFF#056DFF#052FFF#1A05FF#5805FF

トライアド

色相環で120°間隔の3色

#052FFF#FF052F#2FFF05

テトラード

色相環で90°間隔の4色

#052FFF#FF05AC#FFD505#05FF58

モノクローム

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

#00126B#001FB8#052FFF#526FFF#9EAEFF

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

補色の両隣の色

#052FFF#FF5805#ACFF05

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

ライト → ダーク

linear-gradient(135deg, #8599FF, #052FFF, #001685)

補色グラデーション

linear-gradient(135deg, #052FFF, #FFD505)

類似色グラデーション

linear-gradient(135deg, #05ACFF, #052FFF, #5805FF)

ラジアルグロー

radial-gradient(circle, #052FFF, #001685)

サンセット風

linear-gradient(to right, #052FFF, #5805FF, #FFD505)

オーバーレイ

linear-gradient(180deg, #052FFFCC, #052FFF33)

CSS使用例

背景色として使用

Hello, World!

background-color: #052FFF;

テキスト色として使用

Color Text

color: #052FFF;

ボーダー色として使用

ボーダー要素

border: 3px solid #052FFF;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #052FFF66;