#973038

#973038

ダークマゼンタ系

カラーコード変換

形式
HEX#973038
RGBrgb(151, 48, 56)
RGBArgba(151, 48, 56, 1)
HSLhsl(355, 52%, 39%)
HSVhsv(355, 68%, 59%)
CMYKcmyk(0%, 68%, 63%, 41%)
Aa

白背景

7.51:1AA適合

Aa

黒背景

2.80:1不適合


配色パレット提案

補色

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

#973038#30978F

類似色

色相環で隣接する色

#97306C#973052#973038#974130#975B30

トライアド

色相環で120°間隔の3色

#973038#389730#303897

テトラード

色相環で90°間隔の4色

#973038#6C9730#30978F#5B3097

モノクローム

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

#230B0D#5D1D23#973038#C74D57#D9878E

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

補色の両隣の色

#973038#30975B#306C97

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

ライト → ダーク

linear-gradient(135deg, #D3737B, #973038, #361114)

補色グラデーション

linear-gradient(135deg, #973038, #30978F)

類似色グラデーション

linear-gradient(135deg, #97306C, #973038, #975B30)

ラジアルグロー

radial-gradient(circle, #973038, #361114)

サンセット風

linear-gradient(to right, #973038, #975B30, #30978F)

オーバーレイ

linear-gradient(180deg, #973038CC, #97303833)

CSS使用例

背景色として使用

Hello, World!
background-color: #973038;

テキスト色として使用

Color Text
color: #973038;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー