#426694のRGB値は？

#426694（ダークスレートブルー系）のRGB値は、赤(R)=66、緑(G)=102、青(B)=148です。

#426694の補色は？

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

#426694はどんな色？

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

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

#426694

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#426694
RGB	rgb(66, 102, 148)
RGBA	rgba(66, 102, 148, 1)
HSL	hsl(214, 38%, 42%)
HSV	hsv(214, 55%, 58%)
CMYK	cmyk(55%, 31%, 0%, 42%)

白背景

5.90:1AA適合

黒背景

3.56:1AA Large

配色パレット提案

補色

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

#426694#947142

類似色

色相環で隣接する色

#428E94#427A94#426694#425194#484294

トライアド

色相環で120°間隔の3色

#426694#944266#669442

テトラード

色相環で90°間隔の4色

#426694#94428E#947142#429448

モノクローム

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

#131D2A#2B415F#426694#688CBB#9CB4D3

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

補色の両隣の色

#426694#944842#8E9442

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

ライト → ダーク

linear-gradient(135deg, #8BA7CB, #426694, #1B293C)

補色グラデーション

linear-gradient(135deg, #426694, #947142)

類似色グラデーション

linear-gradient(135deg, #428E94, #426694, #484294)

ラジアルグロー

radial-gradient(circle, #426694, #1B293C)

サンセット風

linear-gradient(to right, #426694, #484294, #947142)

オーバーレイ

linear-gradient(180deg, #426694CC, #42669433)

CSS使用例

背景色として使用

Hello, World!

background-color: #426694;

テキスト色として使用

Color Text

color: #426694;

ボーダー色として使用

ボーダー要素

border: 3px solid #426694;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #42669466;