#AD96CA

#AD96CA

ダークグレー系

カラーコード変換

形式
HEX#AD96CA
RGBrgb(173, 150, 202)
RGBArgba(173, 150, 202, 1)
HSLhsl(267, 33%, 69%)
HSVhsv(267, 26%, 79%)
CMYKcmyk(14%, 26%, 0%, 21%)
Aa

白背景

2.63:1不適合

Aa

黒背景

7.99:1AA適合


配色パレット提案

補色

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

#AD96CA#B3CA96

類似色

色相環で隣接する色

#9698CA#A096CA#AD96CA#BA96CA#C796CA

トライアド

色相環で120°間隔の3色

#AD96CA#CAAD96#96CAAD

テトラード

色相環で90°間隔の4色

#AD96CA#CA9698#B3CA96#96CAC7

モノクローム

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

#604384#8663B0#AD96CA#D5C9E4#FCFCFD

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

補色の両隣の色

#AD96CA#CAC796#98CA96

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

ライト → ダーク

linear-gradient(135deg, #EFEBF5, #AD96CA, #6C4B95)

補色グラデーション

linear-gradient(135deg, #AD96CA, #B3CA96)

類似色グラデーション

linear-gradient(135deg, #9698CA, #AD96CA, #C796CA)

ラジアルグロー

radial-gradient(circle, #AD96CA, #6C4B95)

サンセット風

linear-gradient(to right, #AD96CA, #C796CA, #B3CA96)

オーバーレイ

linear-gradient(180deg, #AD96CACC, #AD96CA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AD96CA;

テキスト色として使用

Color Text
color: #AD96CA;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #AD96CA66;

関連するカラー