#501C69のRGB値は？

#501C69（ダークパープル系）のRGB値は、赤(R)=80、緑(G)=28、青(B)=105です。

#501C69の補色は？

#501C69（ダークパープル系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#501C69はどんな色？

#501C69はダークパープル系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#501C69のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#501C69

ダークパープル系

カラーコード変換

形式	値
HEX	#501C69
RGB	rgb(80, 28, 105)
RGBA	rgba(80, 28, 105, 1)
HSL	hsl(281, 58%, 26%)
HSV	hsv(281, 73%, 41%)
CMYK	cmyk(24%, 73%, 0%, 59%)

白背景

12.27:1AA適合

黒背景

1.71:1不適合

配色パレット提案

補色

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

#501C69#34691C

類似色

色相環で隣接する色

#2A1C69#3D1C69#501C69#641C69#691C5B

トライアド

色相環で120°間隔の3色

#501C69#69501C#1C6950

テトラード

色相環で90°間隔の4色

#501C69#692A1C#34691C#1C5B69

モノクローム

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

#000000#220C2C#501C69#7F2CA5#A74ED0

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

補色の両隣の色

#501C69#5B691C#1C692A

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

ライト → ダーク

linear-gradient(135deg, #9D3ACB, #501C69, #030104)

補色グラデーション

linear-gradient(135deg, #501C69, #34691C)

類似色グラデーション

linear-gradient(135deg, #2A1C69, #501C69, #691C5B)

ラジアルグロー

radial-gradient(circle, #501C69, #030104)

サンセット風

linear-gradient(to right, #501C69, #691C5B, #34691C)

オーバーレイ

linear-gradient(180deg, #501C69CC, #501C6933)

CSS使用例

背景色として使用

Hello, World!

background-color: #501C69;

テキスト色として使用

Color Text

color: #501C69;

ボーダー色として使用

ボーダー要素

border: 3px solid #501C69;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #501C6966;