#B9B36E

#B9B36E

ダークカーキ系

カラーコード変換

形式
HEX#B9B36E
RGBrgb(185, 179, 110)
RGBArgba(185, 179, 110, 1)
HSLhsl(55, 35%, 58%)
HSVhsv(55, 41%, 73%)
CMYKcmyk(0%, 3%, 41%, 27%)
Aa

白背景

2.16:1不適合

Aa

黒背景

9.74:1AA適合


配色パレット提案

補色

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

#B9B36E#6E75B9

類似色

色相環で隣接する色

#B98E6E#B9A06E#B9B36E#ADB96E#9AB96E

トライアド

色相環で120°間隔の3色

#B9B36E#6EB9B3#B36EB9

テトラード

色相環で90°間隔の4色

#B9B36E#6EB98E#6E75B9#B96E9A

モノクローム

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

#605C2E#948E47#B9B36E#D2CEA2#EBE9D6

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

補色の両隣の色

#B9B36E#6E9AB9#8E6EB9

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

ライト → ダーク

linear-gradient(135deg, #E3E0C4, #B9B36E, #726D37)

補色グラデーション

linear-gradient(135deg, #B9B36E, #6E75B9)

類似色グラデーション

linear-gradient(135deg, #B98E6E, #B9B36E, #9AB96E)

ラジアルグロー

radial-gradient(circle, #B9B36E, #726D37)

サンセット風

linear-gradient(to right, #B9B36E, #9AB96E, #6E75B9)

オーバーレイ

linear-gradient(180deg, #B9B36ECC, #B9B36E33)

CSS使用例

背景色として使用

Hello, World!
background-color: #B9B36E;

テキスト色として使用

Color Text
color: #B9B36E;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー