#464F86のRGB値は？

#464F86（ダークスレートブルー系）のRGB値は、赤(R)=70、緑(G)=79、青(B)=134です。

#464F86の補色は？

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

#464F86はどんな色？

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

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

#464F86

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#464F86
RGB	rgb(70, 79, 134)
RGBA	rgba(70, 79, 134, 1)
HSL	hsl(232, 31%, 40%)
HSV	hsv(232, 48%, 53%)
CMYK	cmyk(48%, 41%, 0%, 47%)

白背景

7.71:1AA適合

黒背景

2.72:1不適合

配色パレット提案

補色

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

#464F86#867D46

類似色

色相環で隣接する色

#466E86#465F86#464F86#4E4686#5E4686

トライアド

色相環で120°間隔の3色

#464F86#86464F#4F8646

テトラード

色相環で90°間隔の4色

#464F86#86466E#867D46#46865E

モノクローム

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

#121421#2C3154#464F86#6972B0#9BA1CA

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

補色の両隣の色

#464F86#865E46#6E8646

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

ライト → ダーク

linear-gradient(135deg, #8A91C1, #464F86, #1A1E32)

補色グラデーション

linear-gradient(135deg, #464F86, #867D46)

類似色グラデーション

linear-gradient(135deg, #466E86, #464F86, #5E4686)

ラジアルグロー

radial-gradient(circle, #464F86, #1A1E32)

サンセット風

linear-gradient(to right, #464F86, #5E4686, #867D46)

オーバーレイ

linear-gradient(180deg, #464F86CC, #464F8633)

CSS使用例

背景色として使用

Hello, World!

background-color: #464F86;

テキスト色として使用

Color Text

color: #464F86;

ボーダー色として使用

ボーダー要素

border: 3px solid #464F86;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #464F8666;