#DDAB2C

#DDAB2C

サンディブラウン系

カラーコード変換

形式
HEX#DDAB2C
RGBrgb(221, 171, 44)
RGBArgba(221, 171, 44, 1)
HSLhsl(43, 72%, 52%)
HSVhsv(43, 80%, 87%)
CMYKcmyk(0%, 23%, 80%, 13%)
Aa

白背景

2.11:1不適合

Aa

黒背景

9.94:1AA適合


配色パレット提案

補色

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

#DDAB2C#2C5EDD

類似色

色相環で隣接する色

#DD532C#DD7F2C#DDAB2C#DDD72C#B7DD2C

トライアド

色相環で120°間隔の3色

#DDAB2C#2CDDAB#AB2CDD

テトラード

色相環で90°間隔の4色

#DDAB2C#2CDD53#2C5EDD#DD2CB7

モノクローム

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

#604A10#A27C1A#DDAB2C#E7C56E#F2DFB0

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

補色の両隣の色

#DDAB2C#2CB7DD#532CDD

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

ライト → ダーク

linear-gradient(135deg, #EFD79A, #DDAB2C, #765A13)

補色グラデーション

linear-gradient(135deg, #DDAB2C, #2C5EDD)

類似色グラデーション

linear-gradient(135deg, #DD532C, #DDAB2C, #B7DD2C)

ラジアルグロー

radial-gradient(circle, #DDAB2C, #765A13)

サンセット風

linear-gradient(to right, #DDAB2C, #B7DD2C, #2C5EDD)

オーバーレイ

linear-gradient(180deg, #DDAB2CCC, #DDAB2C33)

CSS使用例

背景色として使用

Hello, World!
background-color: #DDAB2C;

テキスト色として使用

Color Text
color: #DDAB2C;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー