#951384

#951384

ダークマゼンタ系

カラーコード変換

形式
HEX#951384
RGBrgb(149, 19, 132)
RGBArgba(149, 19, 132, 1)
HSLhsl(308, 77%, 33%)
HSVhsv(308, 87%, 58%)
CMYKcmyk(0%, 87%, 11%, 42%)
Aa

白背景

7.77:1AA適合

Aa

黒背景

2.70:1不適合


配色パレット提案

補色

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

#951384#139525

類似色

色相環で隣接する色

#651395#861395#951384#951363#951343

トライアド

色相環で120°間隔の3色

#951384#849513#138495

テトラード

色相環で90°間隔の4色

#951384#956513#139525#134395

モノクローム

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

#0E020C#510B48#951384#D91CC0#E958D6

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

補色の両隣の色

#951384#439513#139565

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

ライト → ダーク

linear-gradient(135deg, #E641D0, #951384, #240520)

補色グラデーション

linear-gradient(135deg, #951384, #139525)

類似色グラデーション

linear-gradient(135deg, #651395, #951384, #951343)

ラジアルグロー

radial-gradient(circle, #951384, #240520)

サンセット風

linear-gradient(to right, #951384, #951343, #139525)

オーバーレイ

linear-gradient(180deg, #951384CC, #95138433)

CSS使用例

背景色として使用

Hello, World!
background-color: #951384;

テキスト色として使用

Color Text
color: #951384;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー