#343ADAのRGB値は？

#343ADA（ロイヤルブルー系）のRGB値は、赤(R)=52、緑(G)=58、青(B)=218です。

#343ADAの補色は？

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

#343ADAはどんな色？

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

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

#343ADA

ロイヤルブルー系

カラーコード変換

形式	値
HEX	#343ADA
RGB	rgb(52, 58, 218)
RGBA	rgba(52, 58, 218, 1)
HSL	hsl(238, 69%, 53%)
HSV	hsv(238, 76%, 85%)
CMYK	cmyk(76%, 73%, 0%, 15%)

白背景

7.60:1AA適合

黒背景

2.76:1不適合

配色パレット提案

補色

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

#343ADA#DAD434

類似色

色相環で隣接する色

#348DDA#3463DA#343ADA#5834DA#8234DA

トライアド

色相環で120°間隔の3色

#343ADA#DA343A#3ADA34

テトラード

色相環で90°間隔の4色

#343ADA#DA348D#DAD434#34DA82

モノクローム

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

#121563#1E22A4#343ADA#7579E6#B6B8F2

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

補色の両隣の色

#343ADA#DA8234#8DDA34

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

ライト → ダーク

linear-gradient(135deg, #A0A3EE, #343ADA, #161979)

補色グラデーション

linear-gradient(135deg, #343ADA, #DAD434)

類似色グラデーション

linear-gradient(135deg, #348DDA, #343ADA, #8234DA)

ラジアルグロー

radial-gradient(circle, #343ADA, #161979)

サンセット風

linear-gradient(to right, #343ADA, #8234DA, #DAD434)

オーバーレイ

linear-gradient(180deg, #343ADACC, #343ADA33)

CSS使用例

背景色として使用

Hello, World!

background-color: #343ADA;

テキスト色として使用

Color Text

color: #343ADA;

ボーダー色として使用

ボーダー要素

border: 3px solid #343ADA;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #343ADA66;