#BB6886

#BB6886

インディアンレッド系

カラーコード変換

形式
HEX#BB6886
RGBrgb(187, 104, 134)
RGBArgba(187, 104, 134, 1)
HSLhsl(338, 38%, 57%)
HSVhsv(338, 44%, 73%)
CMYKcmyk(0%, 44%, 28%, 27%)
Aa

白背景

3.86:1AA Large

Aa

黒背景

5.44:1AA適合


配色パレット提案

補色

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

#BB6886#68BB9C

類似色

色相環で隣接する色

#BB68B0#BB689B#BB6886#BB6871#BB7368

トライアド

色相環で120°間隔の3色

#BB6886#86BB68#6886BB

テトラード

色相環で90°間隔の4色

#BB6886#B0BB68#68BB9C#7368BB

モノクローム

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

#5F2B3E#944260#BB6886#D39CB0#EAD1DA

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

補色の両隣の色

#BB6886#68BB73#68B0BB

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

ライト → ダーク

linear-gradient(135deg, #E3C0CC, #BB6886, #713349)

補色グラデーション

linear-gradient(135deg, #BB6886, #68BB9C)

類似色グラデーション

linear-gradient(135deg, #BB68B0, #BB6886, #BB7368)

ラジアルグロー

radial-gradient(circle, #BB6886, #713349)

サンセット風

linear-gradient(to right, #BB6886, #BB7368, #68BB9C)

オーバーレイ

linear-gradient(180deg, #BB6886CC, #BB688633)

CSS使用例

背景色として使用

Hello, World!
background-color: #BB6886;

テキスト色として使用

Color Text
color: #BB6886;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー