#987DCA

#987DCA

ミディアムパープル系

カラーコード変換

形式
HEX#987DCA
RGBrgb(152, 125, 202)
RGBArgba(152, 125, 202, 1)
HSLhsl(261, 42%, 64%)
HSVhsv(261, 38%, 79%)
CMYKcmyk(25%, 38%, 0%, 21%)
Aa

白背景

3.43:1AA Large

Aa

黒背景

6.12:1AA適合


配色パレット提案

補色

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

#987DCA#AFCA7D

類似色

色相環で隣接する色

#7D88CA#847DCA#987DCA#AB7DCA#BE7DCA

トライアド

色相環で120°間隔の3色

#987DCA#CA987D#7DCA98

テトラード

色相環で90°間隔の4色

#987DCA#CA7D88#AFCA7D#7DCABE

モノクローム

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

#4C327B#6D48B1#987DCA#C3B3E0#EEE9F6

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

補色の両隣の色

#987DCA#CABE7D#88CA7D

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

ライト → ダーク

linear-gradient(135deg, #DFD7EF, #987DCA, #573A8D)

補色グラデーション

linear-gradient(135deg, #987DCA, #AFCA7D)

類似色グラデーション

linear-gradient(135deg, #7D88CA, #987DCA, #BE7DCA)

ラジアルグロー

radial-gradient(circle, #987DCA, #573A8D)

サンセット風

linear-gradient(to right, #987DCA, #BE7DCA, #AFCA7D)

オーバーレイ

linear-gradient(180deg, #987DCACC, #987DCA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #987DCA;

テキスト色として使用

Color Text
color: #987DCA;

ボーダー色として使用

ボーダー要素
border: 3px solid #987DCA;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #987DCA66;

関連するカラー