#CEBDD0

#CEBDD0

シスル系

カラーコード変換

形式
HEX#CEBDD0
RGBrgb(206, 189, 208)
RGBArgba(206, 189, 208, 1)
HSLhsl(294, 17%, 78%)
HSVhsv(294, 9%, 82%)
CMYKcmyk(1%, 9%, 0%, 18%)
Aa

白背景

1.78:1不適合

Aa

黒背景

11.81:1AA適合


配色パレット提案

補色

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

#CEBDD0#BFD0BD

類似色

色相環で隣接する色

#C5BDD0#CABDD0#CEBDD0#D0BDCE#D0BDC9

トライアド

色相環で120°間隔の3色

#CEBDD0#D0CFBD#BDD0CF

テトラード

色相環で90°間隔の4色

#CEBDD0#D0C5BD#BFD0BD#BDC9D0

モノクローム

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

#8B668F#AD91B1#CEBDD0#F0EAF0#FFFFFF

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

補色の両隣の色

#CEBDD0#C9D0BD#BDD0C5

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #CEBDD0, #97739C)

補色グラデーション

linear-gradient(135deg, #CEBDD0, #BFD0BD)

類似色グラデーション

linear-gradient(135deg, #C5BDD0, #CEBDD0, #D0BDC9)

ラジアルグロー

radial-gradient(circle, #CEBDD0, #97739C)

サンセット風

linear-gradient(to right, #CEBDD0, #D0BDC9, #BFD0BD)

オーバーレイ

linear-gradient(180deg, #CEBDD0CC, #CEBDD033)

CSS使用例

背景色として使用

Hello, World!
background-color: #CEBDD0;

テキスト色として使用

Color Text
color: #CEBDD0;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー