#EBDDC1

#EBDDC1

ピーチパフ系

カラーコード変換

形式
HEX#EBDDC1
RGBrgb(235, 221, 193)
RGBArgba(235, 221, 193, 1)
HSLhsl(40, 51%, 84%)
HSVhsv(40, 18%, 92%)
CMYKcmyk(0%, 6%, 18%, 8%)
Aa

白背景

1.34:1不適合

Aa

黒背景

15.65:1AA適合


配色パレット提案

補色

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

#EBDDC1#C1CFEB

類似色

色相環で隣接する色

#EBC8C1#EBD3C1#EBDDC1#EBE8C1#E4EBC1

トライアド

色相環で120°間隔の3色

#EBDDC1#C1EBDD#DDC1EB

テトラード

色相環で90°間隔の4色

#EBDDC1#C1EBC8#C1CFEB#EBC1E4

モノクローム

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

#C69E4E#D8BD88#EBDDC1#FEFDFB#FFFFFF

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

補色の両隣の色

#EBDDC1#C1E4EB#C8C1EB

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #EBDDC1, #CCA861)

補色グラデーション

linear-gradient(135deg, #EBDDC1, #C1CFEB)

類似色グラデーション

linear-gradient(135deg, #EBC8C1, #EBDDC1, #E4EBC1)

ラジアルグロー

radial-gradient(circle, #EBDDC1, #CCA861)

サンセット風

linear-gradient(to right, #EBDDC1, #E4EBC1, #C1CFEB)

オーバーレイ

linear-gradient(180deg, #EBDDC1CC, #EBDDC133)

CSS使用例

背景色として使用

Hello, World!
background-color: #EBDDC1;

テキスト色として使用

Color Text
color: #EBDDC1;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー