#6A7EB9のRGB値は？

#6A7EB9（ライトスレートグレー系）のRGB値は、赤(R)=106、緑(G)=126、青(B)=185です。

#6A7EB9の補色は？

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

#6A7EB9はどんな色？

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

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

#6A7EB9

ライトスレートグレー系

カラーコード変換

形式	値
HEX	#6A7EB9
RGB	rgb(106, 126, 185)
RGBA	rgba(106, 126, 185, 1)
HSL	hsl(225, 36%, 57%)
HSV	hsv(225, 43%, 73%)
CMYK	cmyk(43%, 32%, 0%, 27%)

白背景

3.96:1AA Large

黒背景

5.30:1AA適合

配色パレット提案

補色

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

#6A7EB9#B9A56A

類似色

色相環で隣接する色

#6AA5B9#6A91B9#6A7EB9#6A6AB9#7E6AB9

トライアド

色相環で120°間隔の3色

#6A7EB9#B96A7E#7EB96A

テトラード

色相環で90°間隔の4色

#6A7EB9#B96AA5#B9A56A#6AB97E

モノクローム

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

#2C385E#455892#6A7EB9#9EABD1#D2D8EA

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

補色の両隣の色

#6A7EB9#B97E6A#A5B96A

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

ライト → ダーク

linear-gradient(135deg, #C1C9E2, #6A7EB9, #34436F)

補色グラデーション

linear-gradient(135deg, #6A7EB9, #B9A56A)

類似色グラデーション

linear-gradient(135deg, #6AA5B9, #6A7EB9, #7E6AB9)

ラジアルグロー

radial-gradient(circle, #6A7EB9, #34436F)

サンセット風

linear-gradient(to right, #6A7EB9, #7E6AB9, #B9A56A)

オーバーレイ

linear-gradient(180deg, #6A7EB9CC, #6A7EB933)

CSS使用例

背景色として使用

Hello, World!

background-color: #6A7EB9;

テキスト色として使用

Color Text

color: #6A7EB9;

ボーダー色として使用

ボーダー要素

border: 3px solid #6A7EB9;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #6A7EB966;