#B36171

#B36171

インディアンレッド系

カラーコード変換

形式
HEX#B36171
RGBrgb(179, 97, 113)
RGBArgba(179, 97, 113, 1)
HSLhsl(348, 35%, 54%)
HSVhsv(348, 46%, 70%)
CMYKcmyk(0%, 46%, 37%, 30%)
Aa

白背景

4.32:1AA Large

Aa

黒背景

4.87:1AA適合


配色パレット提案

補色

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

#B36171#61B3A2

類似色

色相環で隣接する色

#B3619A#B36186#B36171#B36561#B37961

トライアド

色相環で120°間隔の3色

#B36171#71B361#6171B3

テトラード

色相環で90°間隔の4色

#B36171#9AB361#61B3A2#7961B3

モノクローム

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

#532830#86414F#B36171#CC949F#E4C8CE

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

補色の両隣の色

#B36171#61B379#619AB3

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

ライト → ダーク

linear-gradient(135deg, #DCB7BE, #B36171, #64303A)

補色グラデーション

linear-gradient(135deg, #B36171, #61B3A2)

類似色グラデーション

linear-gradient(135deg, #B3619A, #B36171, #B37961)

ラジアルグロー

radial-gradient(circle, #B36171, #64303A)

サンセット風

linear-gradient(to right, #B36171, #B37961, #61B3A2)

オーバーレイ

linear-gradient(180deg, #B36171CC, #B3617133)

CSS使用例

背景色として使用

Hello, World!
background-color: #B36171;

テキスト色として使用

Color Text
color: #B36171;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー