#813753

#813753

ダークマゼンタ系

カラーコード変換

形式
HEX#813753
RGBrgb(129, 55, 83)
RGBArgba(129, 55, 83, 1)
HSLhsl(337, 40%, 36%)
HSVhsv(337, 57%, 51%)
CMYKcmyk(0%, 57%, 36%, 49%)
Aa

白背景

8.06:1AA適合

Aa

黒背景

2.60:1不適合


配色パレット提案

補色

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

#813753#378164

類似色

色相環で隣接する色

#813778#813766#813753#813741#814037

トライアド

色相環で120°間隔の3色

#813753#538137#375381

テトラード

色相環で90°間隔の4色

#813753#788137#378164#403781

モノクローム

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

#15090E#4B2031#813753#B45076#CB86A0

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

補色の両隣の色

#813753#378140#377881

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

ライト → ダーク

linear-gradient(135deg, #C37492, #813753, #271119)

補色グラデーション

linear-gradient(135deg, #813753, #378164)

類似色グラデーション

linear-gradient(135deg, #813778, #813753, #814037)

ラジアルグロー

radial-gradient(circle, #813753, #271119)

サンセット風

linear-gradient(to right, #813753, #814037, #378164)

オーバーレイ

linear-gradient(180deg, #813753CC, #81375333)

CSS使用例

背景色として使用

Hello, World!
background-color: #813753;

テキスト色として使用

Color Text
color: #813753;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー