#DCD660

#DCD660

ダークカーキ系

カラーコード変換

形式
HEX#DCD660
RGBrgb(220, 214, 96)
RGBArgba(220, 214, 96, 1)
HSLhsl(57, 64%, 62%)
HSVhsv(57, 56%, 86%)
CMYKcmyk(0%, 3%, 56%, 14%)
Aa

白背景

1.52:1不適合

Aa

黒背景

13.83:1AA適合


配色パレット提案

補色

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

#DCD660#6066DC

類似色

色相環で隣接する色

#DC9860#DCB760#DCD660#C3DC60#A4DC60

トライアド

色相環で120°間隔の3色

#DCD660#60DCD6#D660DC

テトラード

色相環で90°間隔の4色

#DCD660#60DC98#6066DC#DC60A4

モノクローム

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

#86811D#C5BD2B#DCD660#EAE69F#F8F6DE

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

補色の両隣の色

#DCD660#60A4DC#9860DC

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

ライト → ダーク

linear-gradient(135deg, #F3F1C9, #DCD660, #9B9522)

補色グラデーション

linear-gradient(135deg, #DCD660, #6066DC)

類似色グラデーション

linear-gradient(135deg, #DC9860, #DCD660, #A4DC60)

ラジアルグロー

radial-gradient(circle, #DCD660, #9B9522)

サンセット風

linear-gradient(to right, #DCD660, #A4DC60, #6066DC)

オーバーレイ

linear-gradient(180deg, #DCD660CC, #DCD66033)

CSS使用例

背景色として使用

Hello, World!
background-color: #DCD660;

テキスト色として使用

Color Text
color: #DCD660;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー