#AD107B

#AD107B

ダークマゼンタ系

カラーコード変換

形式
HEX#AD107B
RGBrgb(173, 16, 123)
RGBArgba(173, 16, 123, 1)
HSLhsl(319, 83%, 37%)
HSVhsv(319, 91%, 68%)
CMYKcmyk(0%, 91%, 29%, 32%)
Aa

白背景

6.69:1AA適合

Aa

黒背景

3.14:1AA Large


配色パレット提案

補色

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

#AD107B#10AD42

類似色

色相環で隣接する色

#9010AD#AD10A2#AD107B#AD1054#AD102D

トライアド

色相環で120°間隔の3色

#AD107B#7BAD10#107BAD

テトラード

色相環で90°間隔の4色

#AD107B#AD9010#10AD42#102DAD

モノクローム

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

#210317#670A49#AD107B#EA1FAA#F165C4

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

補色の両隣の色

#AD107B#2DAD10#10AD90

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

ライト → ダーク

linear-gradient(135deg, #EF4EBC, #AD107B, #380528)

補色グラデーション

linear-gradient(135deg, #AD107B, #10AD42)

類似色グラデーション

linear-gradient(135deg, #9010AD, #AD107B, #AD102D)

ラジアルグロー

radial-gradient(circle, #AD107B, #380528)

サンセット風

linear-gradient(to right, #AD107B, #AD102D, #10AD42)

オーバーレイ

linear-gradient(180deg, #AD107BCC, #AD107B33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AD107B;

テキスト色として使用

Color Text
color: #AD107B;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー