#83202F

#83202F

ダークマゼンタ系

カラーコード変換

形式
HEX#83202F
RGBrgb(131, 32, 47)
RGBArgba(131, 32, 47, 1)
HSLhsl(351, 61%, 32%)
HSVhsv(351, 76%, 51%)
CMYKcmyk(0%, 76%, 64%, 49%)
Aa

白背景

9.49:1AA適合

Aa

黒背景

2.21:1不適合


配色パレット提案

補色

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

#83202F#208374

類似色

色相環で隣接する色

#832061#832048#83202F#832A20#834320

トライアド

色相環で120°間隔の3色

#83202F#2F8320#202F83

テトラード

色相環で90°間隔の4色

#83202F#618320#208374#432083

モノクローム

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

#080203#461119#83202F#C12F45#D96375

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

補色の両隣の色

#83202F#208343#206183

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

ライト → ダーク

linear-gradient(135deg, #D44E63, #83202F, #1D070A)

補色グラデーション

linear-gradient(135deg, #83202F, #208374)

類似色グラデーション

linear-gradient(135deg, #832061, #83202F, #834320)

ラジアルグロー

radial-gradient(circle, #83202F, #1D070A)

サンセット風

linear-gradient(to right, #83202F, #834320, #208374)

オーバーレイ

linear-gradient(180deg, #83202FCC, #83202F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #83202F;

テキスト色として使用

Color Text
color: #83202F;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #83202F66;

関連するカラー