#AB9BCA

#AB9BCA

ダークグレー系

カラーコード変換

形式
HEX#AB9BCA
RGBrgb(171, 155, 202)
RGBArgba(171, 155, 202, 1)
HSLhsl(260, 31%, 70%)
HSVhsv(260, 23%, 79%)
CMYKcmyk(15%, 23%, 0%, 21%)
Aa

白背景

2.54:1不適合

Aa

黒背景

8.27:1AA適合


配色パレット提案

補色

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

#AB9BCA#BACA9B

類似色

色相環で隣接する色

#9BA3CA#9F9BCA#AB9BCA#B69BCA#C29BCA

トライアド

色相環で120°間隔の3色

#AB9BCA#CAAB9B#9BCAAB

テトラード

色相環で90°間隔の4色

#AB9BCA#CA9BA3#BACA9B#9BCAC2

モノクローム

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

#5B4686#8069B0#AB9BCA#D5CDE5#FFFFFF

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

補色の両隣の色

#AB9BCA#CAC29B#A3CA9B

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

ライト → ダーク

linear-gradient(135deg, #F1EEF6, #AB9BCA, #674F96)

補色グラデーション

linear-gradient(135deg, #AB9BCA, #BACA9B)

類似色グラデーション

linear-gradient(135deg, #9BA3CA, #AB9BCA, #C29BCA)

ラジアルグロー

radial-gradient(circle, #AB9BCA, #674F96)

サンセット風

linear-gradient(to right, #AB9BCA, #C29BCA, #BACA9B)

オーバーレイ

linear-gradient(180deg, #AB9BCACC, #AB9BCA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AB9BCA;

テキスト色として使用

Color Text
color: #AB9BCA;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー