#986DEEのRGB値は？

#986DEE（ミディアムパープル系）のRGB値は、赤(R)=152、緑(G)=109、青(B)=238です。

#986DEEの補色は？

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

#986DEEはどんな色？

#986DEEはミディアムパープル系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#986DEE

ミディアムパープル系

カラーコード変換

形式	値
HEX	#986DEE
RGB	rgb(152, 109, 238)
RGBA	rgba(152, 109, 238, 1)
HSL	hsl(260, 79%, 68%)
HSV	hsv(260, 54%, 93%)
CMYK	cmyk(36%, 54%, 0%, 7%)

白背景

3.65:1AA Large

黒背景

5.76:1AA適合

配色パレット提案

補色

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

#986DEE#C3EE6D

類似色

色相環で隣接する色

#6D82EE#786DEE#986DEE#B86DEE#D86DEE

トライアド

色相環で120°間隔の3色

#986DEE#EE986D#6DEE98

テトラード

色相環で90°間隔の4色

#986DEE#EE6D82#C3EE6D#6DEED8

モノクローム

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

#4714AD#6828E6#986DEE#C8B1F6#F9F6FE

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

補色の両隣の色

#986DEE#EED86D#82EE6D

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

ライト → ダーク

linear-gradient(135deg, #E8DFFB, #986DEE, #5117C4)

補色グラデーション

linear-gradient(135deg, #986DEE, #C3EE6D)

類似色グラデーション

linear-gradient(135deg, #6D82EE, #986DEE, #D86DEE)

ラジアルグロー

radial-gradient(circle, #986DEE, #5117C4)

サンセット風

linear-gradient(to right, #986DEE, #D86DEE, #C3EE6D)

オーバーレイ

linear-gradient(180deg, #986DEECC, #986DEE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #986DEE;

テキスト色として使用

Color Text

color: #986DEE;

ボーダー色として使用

ボーダー要素

border: 3px solid #986DEE;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #986DEE66;