#916BA8

#916BA8

ライトスレートグレー系

カラーコード変換

形式
HEX#916BA8
RGBrgb(145, 107, 168)
RGBArgba(145, 107, 168, 1)
HSLhsl(277, 26%, 54%)
HSVhsv(277, 36%, 66%)
CMYKcmyk(14%, 36%, 0%, 34%)
Aa

白背景

4.31:1AA Large

Aa

黒背景

4.87:1AA適合


配色パレット提案

補色

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

#916BA8#83A86B

類似色

色相環で隣接する色

#726BA8#826BA8#916BA8#A06BA8#A86BA1

トライアド

色相環で120°間隔の3色

#916BA8#A8916B#6BA891

テトラード

色相環で90°間隔の4色

#916BA8#A8726B#83A86B#6BA1A8

モノクローム

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

#412D4D#694A7D#916BA8#B59BC5#D9CCE1

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

補色の両隣の色

#916BA8#A1A86B#6BA872

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

ライト → ダーク

linear-gradient(135deg, #CDBCD7, #916BA8, #4E375D)

補色グラデーション

linear-gradient(135deg, #916BA8, #83A86B)

類似色グラデーション

linear-gradient(135deg, #726BA8, #916BA8, #A86BA1)

ラジアルグロー

radial-gradient(circle, #916BA8, #4E375D)

サンセット風

linear-gradient(to right, #916BA8, #A86BA1, #83A86B)

オーバーレイ

linear-gradient(180deg, #916BA8CC, #916BA833)

CSS使用例

背景色として使用

Hello, World!
background-color: #916BA8;

テキスト色として使用

Color Text
color: #916BA8;

ボーダー色として使用

ボーダー要素
border: 3px solid #916BA8;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #916BA866;

関連するカラー