#A52C50

#A52C50

ダークマゼンタ系

カラーコード変換

形式
HEX#A52C50
RGBrgb(165, 44, 80)
RGBArgba(165, 44, 80, 1)
HSLhsl(342, 58%, 41%)
HSVhsv(342, 73%, 65%)
CMYKcmyk(0%, 73%, 52%, 35%)
Aa

白背景

6.83:1AA適合

Aa

黒背景

3.08:1AA Large


配色パレット提案

補色

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

#A52C50#2CA581

類似色

色相環で隣接する色

#A52C8D#A52C6F#A52C50#A52C32#A5442C

トライアド

色相環で120°間隔の3色

#A52C50#50A52C#2C50A5

テトラード

色相環で90°間隔の4色

#A52C50#8DA52C#2CA581#442CA5

モノクローム

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

#2C0C16#691C33#A52C50#D04E75#E08AA4

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

補色の両隣の色

#A52C50#2CA544#2C8DA5

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

ライト → ダーク

linear-gradient(135deg, #DB7694, #A52C50, #40111F)

補色グラデーション

linear-gradient(135deg, #A52C50, #2CA581)

類似色グラデーション

linear-gradient(135deg, #A52C8D, #A52C50, #A5442C)

ラジアルグロー

radial-gradient(circle, #A52C50, #40111F)

サンセット風

linear-gradient(to right, #A52C50, #A5442C, #2CA581)

オーバーレイ

linear-gradient(180deg, #A52C50CC, #A52C5033)

CSS使用例

背景色として使用

Hello, World!
background-color: #A52C50;

テキスト色として使用

Color Text
color: #A52C50;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー