#BFB488

#BFB488

タン系

カラーコード変換

形式
HEX#BFB488
RGBrgb(191, 180, 136)
RGBArgba(191, 180, 136, 1)
HSLhsl(48, 30%, 64%)
HSVhsv(48, 29%, 75%)
CMYKcmyk(0%, 6%, 29%, 25%)
Aa

白背景

2.08:1不適合

Aa

黒背景

10.10:1AA適合


配色パレット提案

補色

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

#BFB488#8893BF

類似色

色相環で隣接する色

#BF9888#BFA688#BFB488#BCBF88#AEBF88

トライアド

色相環で120°間隔の3色

#BFB488#88BFB4#B488BF

テトラード

色相環で90°間隔の4色

#BFB488#88BF98#8893BF#BF88AE

モノクローム

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

#71663D#A29357#BFB488#DAD3B9#F4F2EB

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

補色の両隣の色

#BFB488#88AEBF#9888BF

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

ライト → ダーク

linear-gradient(135deg, #EBE8DB, #BFB488, #817546)

補色グラデーション

linear-gradient(135deg, #BFB488, #8893BF)

類似色グラデーション

linear-gradient(135deg, #BF9888, #BFB488, #AEBF88)

ラジアルグロー

radial-gradient(circle, #BFB488, #817546)

サンセット風

linear-gradient(to right, #BFB488, #AEBF88, #8893BF)

オーバーレイ

linear-gradient(180deg, #BFB488CC, #BFB48833)

CSS使用例

背景色として使用

Hello, World!
background-color: #BFB488;

テキスト色として使用

Color Text
color: #BFB488;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー