#B25653

#B25653

インディアンレッド系

カラーコード変換

形式
HEX#B25653
RGBrgb(178, 86, 83)
RGBArgba(178, 86, 83, 1)
HSLhsl(2, 38%, 51%)
HSVhsv(2, 53%, 70%)
CMYKcmyk(0%, 52%, 53%, 30%)
Aa

白背景

4.83:1AA適合

Aa

黒背景

4.35:1AA Large


配色パレット提案

補色

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

#B25653#53AEB2

類似色

色相環で隣接する色

#B2537F#B25367#B25653#B26D53#B28553

トライアド

色相環で120°間隔の3色

#B25653#53B256#5653B2

テトラード

色相環で90°間隔の4色

#B25653#7FB253#53AEB2#8553B2

モノクローム

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

#4A2321#7F3B39#B25653#C98A87#E1BDBC

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

補色の両隣の色

#B25653#53B285#537FB2

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

ライト → ダーク

linear-gradient(135deg, #D9ACAB, #B25653, #5B2B29)

補色グラデーション

linear-gradient(135deg, #B25653, #53AEB2)

類似色グラデーション

linear-gradient(135deg, #B2537F, #B25653, #B28553)

ラジアルグロー

radial-gradient(circle, #B25653, #5B2B29)

サンセット風

linear-gradient(to right, #B25653, #B28553, #53AEB2)

オーバーレイ

linear-gradient(180deg, #B25653CC, #B2565333)

CSS使用例

背景色として使用

Hello, World!
background-color: #B25653;

テキスト色として使用

Color Text
color: #B25653;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー