#891530

#891530

ダークマゼンタ系

カラーコード変換

形式
HEX#891530
RGBrgb(137, 21, 48)
RGBArgba(137, 21, 48, 1)
HSLhsl(346, 73%, 31%)
HSVhsv(346, 85%, 54%)
CMYKcmyk(0%, 85%, 65%, 46%)
Aa

白背景

9.49:1AA適合

Aa

黒背景

2.21:1不適合


配色パレット提案

補色

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

#891530#15896E

類似色

色相環で隣接する色

#89156A#89154D#891530#891715#893415

トライアド

色相環で120°間隔の3色

#891530#308915#153089

テトラード

色相環で90°間隔の4色

#891530#6A8915#15896E#341589

モノクローム

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

#040102#470B19#891530#CB2048#E45375

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

補色の両隣の色

#891530#158934#156A89

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

ライト → ダーク

linear-gradient(135deg, #E13D63, #891530, #1A0409)

補色グラデーション

linear-gradient(135deg, #891530, #15896E)

類似色グラデーション

linear-gradient(135deg, #89156A, #891530, #893415)

ラジアルグロー

radial-gradient(circle, #891530, #1A0409)

サンセット風

linear-gradient(to right, #891530, #893415, #15896E)

オーバーレイ

linear-gradient(180deg, #891530CC, #89153033)

CSS使用例

背景色として使用

Hello, World!
background-color: #891530;

テキスト色として使用

Color Text
color: #891530;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー