#B08469

#B08469

インディアンレッド系

カラーコード変換

形式
HEX#B08469
RGBrgb(176, 132, 105)
RGBArgba(176, 132, 105, 1)
HSLhsl(23, 31%, 55%)
HSVhsv(23, 40%, 69%)
CMYKcmyk(0%, 25%, 40%, 31%)
Aa

白背景

3.31:1AA Large

Aa

黒背景

6.35:1AA適合


配色パレット提案

補色

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

#B08469#6995B0

類似色

色相環で隣接する色

#B06971#B07269#B08469#B09669#B0A869

トライアド

色相環で120°間隔の3色

#B08469#69B084#8469B0

テトラード

色相環で90°間隔の4色

#B08469#71B069#6995B0#A869B0

モノクローム

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

#543B2C#865F46#B08469#CAAD9B#E5D6CD

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

補色の両隣の色

#B08469#69B0A8#6971B0

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

ライト → ダーク

linear-gradient(135deg, #DCC8BC, #B08469, #644735)

補色グラデーション

linear-gradient(135deg, #B08469, #6995B0)

類似色グラデーション

linear-gradient(135deg, #B06971, #B08469, #B0A869)

ラジアルグロー

radial-gradient(circle, #B08469, #644735)

サンセット風

linear-gradient(to right, #B08469, #B0A869, #6995B0)

オーバーレイ

linear-gradient(180deg, #B08469CC, #B0846933)

CSS使用例

背景色として使用

Hello, World!
background-color: #B08469;

テキスト色として使用

Color Text
color: #B08469;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー