#B48241

#B48241

インディアンレッド系

カラーコード変換

形式
HEX#B48241
RGBrgb(180, 130, 65)
RGBArgba(180, 130, 65, 1)
HSLhsl(34, 47%, 48%)
HSVhsv(34, 64%, 71%)
CMYKcmyk(0%, 28%, 64%, 29%)
Aa

白背景

3.38:1AA Large

Aa

黒背景

6.21:1AA適合


配色パレット提案

補色

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

#B48241#4173B4

類似色

色相環で隣接する色

#B44941#B46541#B48241#B49F41#ACB441

トライアド

色相環で120°間隔の3色

#B48241#41B482#8241B4

テトラード

色相環で90°間隔の4色

#B48241#41B449#4173B4#B441AC

モノクローム

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

#433118#7C592D#B48241#CDA774#E1CAAD

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

補色の両隣の色

#B48241#41ACB4#4941B4

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

ライト → ダーク

linear-gradient(135deg, #DBBE9A, #B48241, #563E1F)

補色グラデーション

linear-gradient(135deg, #B48241, #4173B4)

類似色グラデーション

linear-gradient(135deg, #B44941, #B48241, #ACB441)

ラジアルグロー

radial-gradient(circle, #B48241, #563E1F)

サンセット風

linear-gradient(to right, #B48241, #ACB441, #4173B4)

オーバーレイ

linear-gradient(180deg, #B48241CC, #B4824133)

CSS使用例

背景色として使用

Hello, World!
background-color: #B48241;

テキスト色として使用

Color Text
color: #B48241;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー