#B1438F

#B1438F

インディアンレッド系

カラーコード変換

形式
HEX#B1438F
RGBrgb(177, 67, 143)
RGBArgba(177, 67, 143, 1)
HSLhsl(319, 45%, 48%)
HSVhsv(319, 62%, 69%)
CMYKcmyk(0%, 62%, 19%, 31%)
Aa

白背景

5.16:1AA適合

Aa

黒背景

4.07:1AA Large


配色パレット提案

補色

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

#B1438F#43B166

類似色

色相環で隣接する色

#9D43B1#B143AA#B1438F#B14373#B14358

トライアド

色相環で120°間隔の3色

#B1438F#8FB143#438FB1

テトラード

色相環で90°間隔の4色

#B1438F#B19D43#43B166#4358B1

モノクローム

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

#431935#7A2E62#B1438F#CB76B0#E0AED0

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

補色の両隣の色

#B1438F#58B143#43B19D

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

ライト → ダーク

linear-gradient(135deg, #D99BC6, #B1438F, #552044)

補色グラデーション

linear-gradient(135deg, #B1438F, #43B166)

類似色グラデーション

linear-gradient(135deg, #9D43B1, #B1438F, #B14358)

ラジアルグロー

radial-gradient(circle, #B1438F, #552044)

サンセット風

linear-gradient(to right, #B1438F, #B14358, #43B166)

オーバーレイ

linear-gradient(180deg, #B1438FCC, #B1438F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #B1438F;

テキスト色として使用

Color Text
color: #B1438F;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー