#DCB209

#DCB209

ゴールデンイエロー系

カラーコード変換

形式
HEX#DCB209
RGBrgb(220, 178, 9)
RGBArgba(220, 178, 9, 1)
HSLhsl(48, 92%, 45%)
HSVhsv(48, 96%, 86%)
CMYKcmyk(0%, 19%, 96%, 14%)
Aa

白背景

2.02:1不適合

Aa

黒背景

10.42:1AA適合


配色パレット提案

補色

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

#DCB209#0933DC

類似色

色相環で隣接する色

#DC4909#DC7D09#DCB209#D2DC09#9DDC09

トライアド

色相環で120°間隔の3色

#DCB209#09DCB2#B209DC

テトラード

色相環で90°間隔の4色

#DCB209#09DC49#0933DC#DC099D

モノクローム

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

#493B03#937706#DCB209#F7D13B#FAE285

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

補色の両隣の色

#DCB209#099DDC#4909DC

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

ライト → ダーク

linear-gradient(135deg, #F9DD6C, #DCB209, #624F04)

補色グラデーション

linear-gradient(135deg, #DCB209, #0933DC)

類似色グラデーション

linear-gradient(135deg, #DC4909, #DCB209, #9DDC09)

ラジアルグロー

radial-gradient(circle, #DCB209, #624F04)

サンセット風

linear-gradient(to right, #DCB209, #9DDC09, #0933DC)

オーバーレイ

linear-gradient(180deg, #DCB209CC, #DCB20933)

CSS使用例

背景色として使用

Hello, World!
background-color: #DCB209;

テキスト色として使用

Color Text
color: #DCB209;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー