#EECE6D

#EECE6D

バーリーウッド系

カラーコード変換

形式
HEX#EECE6D
RGBrgb(238, 206, 109)
RGBArgba(238, 206, 109, 1)
HSLhsl(45, 79%, 68%)
HSVhsv(45, 54%, 93%)
CMYKcmyk(0%, 13%, 54%, 7%)
Aa

白背景

1.53:1不適合

Aa

黒背景

13.68:1AA適合


配色パレット提案

補色

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

#EECE6D#6D8DEE

類似色

色相環で隣接する色

#EE8D6D#EEAD6D#EECE6D#EEEE6D#CEEE6D

トライアド

色相環で120°間隔の3色

#EECE6D#6DEECE#CE6DEE

テトラード

色相環で90°間隔の4色

#EECE6D#6DEE8D#6D8DEE#EE6DCE

モノクローム

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

#AD8714#E6B628#EECE6D#F6E5B1#FEFCF6

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

補色の両隣の色

#EECE6D#6DCEEE#8D6DEE

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

ライト → ダーク

linear-gradient(135deg, #FBF4DF, #EECE6D, #C49917)

補色グラデーション

linear-gradient(135deg, #EECE6D, #6D8DEE)

類似色グラデーション

linear-gradient(135deg, #EE8D6D, #EECE6D, #CEEE6D)

ラジアルグロー

radial-gradient(circle, #EECE6D, #C49917)

サンセット風

linear-gradient(to right, #EECE6D, #CEEE6D, #6D8DEE)

オーバーレイ

linear-gradient(180deg, #EECE6DCC, #EECE6D33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EECE6D;

テキスト色として使用

Color Text
color: #EECE6D;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー