#891BA1

#891BA1

ダークマゼンタ系

カラーコード変換

形式
HEX#891BA1
RGBrgb(137, 27, 161)
RGBArgba(137, 27, 161, 1)
HSLhsl(289, 71%, 37%)
HSVhsv(289, 83%, 63%)
CMYKcmyk(15%, 83%, 0%, 37%)
Aa

白背景

7.68:1AA適合

Aa

黒背景

2.74:1不適合


配色パレット提案

補色

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

#891BA1#34A11B

類似色

色相環で隣接する色

#461BA1#671BA1#891BA1#A11B98#A11B77

トライアド

色相環で120°間隔の3色

#891BA1#A1891B#1BA189

テトラード

色相環で90°間隔の4色

#891BA1#A1461B#34A11B#1B77A1

モノクローム

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

#1A051F#511060#891BA1#BC2EDC#D16FE7

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

補色の両隣の色

#891BA1#77A11B#1BA146

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

ライト → ダーク

linear-gradient(135deg, #CA59E3, #891BA1, #2C0934)

補色グラデーション

linear-gradient(135deg, #891BA1, #34A11B)

類似色グラデーション

linear-gradient(135deg, #461BA1, #891BA1, #A11B77)

ラジアルグロー

radial-gradient(circle, #891BA1, #2C0934)

サンセット風

linear-gradient(to right, #891BA1, #A11B77, #34A11B)

オーバーレイ

linear-gradient(180deg, #891BA1CC, #891BA133)

CSS使用例

背景色として使用

Hello, World!
background-color: #891BA1;

テキスト色として使用

Color Text
color: #891BA1;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #891BA166;

関連するカラー