#CDABCE

#CDABCE

プラム系

カラーコード変換

形式
HEX#CDABCE
RGBrgb(205, 171, 206)
RGBArgba(205, 171, 206, 1)
HSLhsl(298, 26%, 74%)
HSVhsv(298, 17%, 81%)
CMYKcmyk(0%, 17%, 0%, 19%)
Aa

白背景

2.04:1不適合

Aa

黒背景

10.31:1AA適合


配色パレット提案

補色

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

#CDABCE#ADCEAB

類似色

色相環で隣接する色

#BCABCE#C4ABCE#CDABCE#CEABC6#CEABBE

トライアド

色相環で120°間隔の3色

#CDABCE#CECDAB#ABCECD

テトラード

色相環で90°間隔の4色

#CDABCE#CEBCAB#ADCEAB#ABBECE

モノクローム

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

#8B538D#B07BB2#CDABCE#EADCEA#FFFFFF

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

補色の両隣の色

#CDABCE#BECEAB#ABCEBC

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

ライト → ダーク

linear-gradient(135deg, #FDFCFD, #CDABCE, #9B5C9D)

補色グラデーション

linear-gradient(135deg, #CDABCE, #ADCEAB)

類似色グラデーション

linear-gradient(135deg, #BCABCE, #CDABCE, #CEABBE)

ラジアルグロー

radial-gradient(circle, #CDABCE, #9B5C9D)

サンセット風

linear-gradient(to right, #CDABCE, #CEABBE, #ADCEAB)

オーバーレイ

linear-gradient(180deg, #CDABCECC, #CDABCE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #CDABCE;

テキスト色として使用

Color Text
color: #CDABCE;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー