#CDA684

#CDA684

タン系

カラーコード変換

形式
HEX#CDA684
RGBrgb(205, 166, 132)
RGBArgba(205, 166, 132, 1)
HSLhsl(28, 42%, 66%)
HSVhsv(28, 36%, 80%)
CMYKcmyk(0%, 19%, 36%, 20%)
Aa

白背景

2.24:1不適合

Aa

黒背景

9.38:1AA適合


配色パレット提案

補色

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

#CDA684#84ABCD

類似色

色相環で隣接する色

#CD8486#CD9484#CDA684#CDB884#CDCA84

トライアド

色相環で120°間隔の3色

#CDA684#84CDA6#A684CD

テトラード

色相環で90°間隔の4色

#CDA684#86CD84#84ABCD#CA84CD

モノクローム

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

#825935#B77F4E#CDA684#E3CDBA#F9F5F1

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

補色の両隣の色

#CDA684#84CDCA#8486CD

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

ライト → ダーク

linear-gradient(135deg, #F2E7DE, #CDA684, #94663D)

補色グラデーション

linear-gradient(135deg, #CDA684, #84ABCD)

類似色グラデーション

linear-gradient(135deg, #CD8486, #CDA684, #CDCA84)

ラジアルグロー

radial-gradient(circle, #CDA684, #94663D)

サンセット風

linear-gradient(to right, #CDA684, #CDCA84, #84ABCD)

オーバーレイ

linear-gradient(180deg, #CDA684CC, #CDA68433)

CSS使用例

背景色として使用

Hello, World!
background-color: #CDA684;

テキスト色として使用

Color Text
color: #CDA684;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー