#951386

#951386

ダークマゼンタ系

カラーコード変換

形式
HEX#951386
RGBrgb(149, 19, 134)
RGBArgba(149, 19, 134, 1)
HSLhsl(307, 77%, 33%)
HSVhsv(307, 87%, 58%)
CMYKcmyk(0%, 87%, 10%, 42%)
Aa

白背景

7.73:1AA適合

Aa

黒背景

2.72:1不適合


配色パレット提案

補色

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

#951386#139522

類似色

色相環で隣接する色

#631395#841395#951386#951365#951345

トライアド

色相環で120°間隔の3色

#951386#869513#138695

テトラード

色相環で90°間隔の4色

#951386#956313#139522#134595

モノクローム

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

#0E020C#510B49#951386#D91CC3#E958D8

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

補色の両隣の色

#951386#459513#139563

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

ライト → ダーク

linear-gradient(135deg, #E641D3, #951386, #240520)

補色グラデーション

linear-gradient(135deg, #951386, #139522)

類似色グラデーション

linear-gradient(135deg, #631395, #951386, #951345)

ラジアルグロー

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

サンセット風

linear-gradient(to right, #951386, #951345, #139522)

オーバーレイ

linear-gradient(180deg, #951386CC, #95138633)

CSS使用例

背景色として使用

Hello, World!
background-color: #951386;

テキスト色として使用

Color Text
color: #951386;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー