#DDCDA2

#DDCDA2

ペールゴールデンロッド系

カラーコード変換

形式
HEX#DDCDA2
RGBrgb(221, 205, 162)
RGBArgba(221, 205, 162, 1)
HSLhsl(44, 46%, 75%)
HSVhsv(44, 27%, 87%)
CMYKcmyk(0%, 7%, 27%, 13%)
Aa

白背景

1.58:1不適合

Aa

黒背景

13.33:1AA適合


配色パレット提案

補色

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

#DDCDA2#A2B2DD

類似色

色相環で隣接する色

#DDB0A2#DDBEA2#DDCDA2#DDDCA2#CFDDA2

トライアド

色相環で120°間隔の3色

#DDCDA2#A2DDCD#CDA2DD

テトラード

色相環で90°間隔の4色

#DDCDA2#A2DDB0#A2B2DD#DDA2CF

モノクローム

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

#A88B3E#C8AF6A#DDCDA2#F1EBDA#FFFFFF

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

補色の両隣の色

#DDCDA2#A2CFDD#B0A2DD

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #DDCDA2, #BA9B45)

補色グラデーション

linear-gradient(135deg, #DDCDA2, #A2B2DD)

類似色グラデーション

linear-gradient(135deg, #DDB0A2, #DDCDA2, #CFDDA2)

ラジアルグロー

radial-gradient(circle, #DDCDA2, #BA9B45)

サンセット風

linear-gradient(to right, #DDCDA2, #CFDDA2, #A2B2DD)

オーバーレイ

linear-gradient(180deg, #DDCDA2CC, #DDCDA233)

CSS使用例

背景色として使用

Hello, World!
background-color: #DDCDA2;

テキスト色として使用

Color Text
color: #DDCDA2;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー