#EBC752

#EBC752

サンディブラウン系

カラーコード変換

形式
HEX#EBC752
RGBrgb(235, 199, 82)
RGBArgba(235, 199, 82, 1)
HSLhsl(46, 79%, 62%)
HSVhsv(46, 65%, 92%)
CMYKcmyk(0%, 15%, 65%, 8%)
Aa

白背景

1.64:1不適合

Aa

黒背景

12.82:1AA適合


配色パレット提案

補色

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

#EBC752#5275EB

類似色

色相環で隣接する色

#EB7A52#EBA152#EBC752#E8EB52#C2EB52

トライアド

色相環で120°間隔の3色

#EBC752#52EBC7#C752EB

テトラード

色相環で90°間隔の4色

#EBC752#52EB7A#5275EB#EB52C2

モノクローム

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

#927411#D7AA19#EBC752#F3DD96#FBF3DA

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

補色の両隣の色

#EBC752#52C2EB#7A52EB

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

ライト → ダーク

linear-gradient(135deg, #F8ECC4, #EBC752, #A98614)

補色グラデーション

linear-gradient(135deg, #EBC752, #5275EB)

類似色グラデーション

linear-gradient(135deg, #EB7A52, #EBC752, #C2EB52)

ラジアルグロー

radial-gradient(circle, #EBC752, #A98614)

サンセット風

linear-gradient(to right, #EBC752, #C2EB52, #5275EB)

オーバーレイ

linear-gradient(180deg, #EBC752CC, #EBC75233)

CSS使用例

背景色として使用

Hello, World!
background-color: #EBC752;

テキスト色として使用

Color Text
color: #EBC752;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー