#BD8928

#BD8928

インディアンレッド系

カラーコード変換

形式
HEX#BD8928
RGBrgb(189, 137, 40)
RGBArgba(189, 137, 40, 1)
HSLhsl(39, 65%, 45%)
HSVhsv(39, 79%, 74%)
CMYKcmyk(0%, 28%, 79%, 26%)
Aa

白背景

3.10:1AA Large

Aa

黒背景

6.77:1AA適合


配色パレット提案

補色

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

#BD8928#285CBD

類似色

色相環で隣接する色

#BD3F28#BD6428#BD8928#BDAE28#A7BD28

トライアド

色相環で120°間隔の3色

#BD8928#28BD89#8928BD

テトラード

色相環で90°間隔の4色

#BD8928#28BD3F#285CBD#BD28A7

モノクローム

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

#3F2E0D#7E5B1B#BD8928#DBAD57#E9CC96

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

補色の両隣の色

#BD8928#28A7BD#3F28BD

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

ライト → ダーク

linear-gradient(135deg, #E4C181, #BD8928, #543D12)

補色グラデーション

linear-gradient(135deg, #BD8928, #285CBD)

類似色グラデーション

linear-gradient(135deg, #BD3F28, #BD8928, #A7BD28)

ラジアルグロー

radial-gradient(circle, #BD8928, #543D12)

サンセット風

linear-gradient(to right, #BD8928, #A7BD28, #285CBD)

オーバーレイ

linear-gradient(180deg, #BD8928CC, #BD892833)

CSS使用例

背景色として使用

Hello, World!
background-color: #BD8928;

テキスト色として使用

Color Text
color: #BD8928;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー