#793440

#793440

ダークパープル系

カラーコード変換

形式
HEX#793440
RGBrgb(121, 52, 64)
RGBArgba(121, 52, 64, 1)
HSLhsl(350, 40%, 34%)
HSVhsv(350, 57%, 47%)
CMYKcmyk(0%, 57%, 47%, 53%)
Aa

白背景

8.83:1AA適合

Aa

黒背景

2.38:1不適合


配色パレット提案

補色

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

#793440#34796E

類似色

色相環で隣接する色

#793462#793451#793440#793A34#794B34

トライアド

色相環で120°間隔の3色

#793440#407934#344079

テトラード

色相環で90°間隔の4色

#793440#627934#34796E#4B3479

モノクローム

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

#0E0607#441D24#793440#AF4B5C#C87E8B

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

補色の両隣の色

#793440#34794B#346279

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

ライト → ダーク

linear-gradient(135deg, #C06D7B, #793440, #200E11)

補色グラデーション

linear-gradient(135deg, #793440, #34796E)

類似色グラデーション

linear-gradient(135deg, #793462, #793440, #794B34)

ラジアルグロー

radial-gradient(circle, #793440, #200E11)

サンセット風

linear-gradient(to right, #793440, #794B34, #34796E)

オーバーレイ

linear-gradient(180deg, #793440CC, #79344033)

CSS使用例

背景色として使用

Hello, World!
background-color: #793440;

テキスト色として使用

Color Text
color: #793440;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー