#BDAC28

#BDAC28

イエローグリーン系

カラーコード変換

形式
HEX#BDAC28
RGBrgb(189, 172, 40)
RGBArgba(189, 172, 40, 1)
HSLhsl(53, 65%, 45%)
HSVhsv(53, 79%, 74%)
CMYKcmyk(0%, 9%, 79%, 26%)
Aa

白背景

2.31:1不適合

Aa

黒背景

9.10:1AA適合


配色パレット提案

補色

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

#BDAC28#283ABD

類似色

色相環で隣接する色

#BD6128#BD8728#BDAC28#A9BD28#84BD28

トライアド

色相環で120°間隔の3色

#BDAC28#28BDAC#AC28BD

テトラード

色相環で90°間隔の4色

#BDAC28#28BD61#283ABD#BD2884

モノクローム

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

#3F390D#7E731B#BDAC28#DBCC57#E9DF96

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

補色の両隣の色

#BDAC28#2884BD#6128BD

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

ライト → ダーク

linear-gradient(135deg, #E4D981, #BDAC28, #544C12)

補色グラデーション

linear-gradient(135deg, #BDAC28, #283ABD)

類似色グラデーション

linear-gradient(135deg, #BD6128, #BDAC28, #84BD28)

ラジアルグロー

radial-gradient(circle, #BDAC28, #544C12)

サンセット風

linear-gradient(to right, #BDAC28, #84BD28, #283ABD)

オーバーレイ

linear-gradient(180deg, #BDAC28CC, #BDAC2833)

CSS使用例

背景色として使用

Hello, World!
background-color: #BDAC28;

テキスト色として使用

Color Text
color: #BDAC28;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー