#A40E77

#A40E77

ダークマゼンタ系

カラーコード変換

形式
HEX#A40E77
RGBrgb(164, 14, 119)
RGBArgba(164, 14, 119, 1)
HSLhsl(318, 84%, 35%)
HSVhsv(318, 91%, 64%)
CMYKcmyk(0%, 91%, 27%, 36%)
Aa

白背景

7.22:1AA適合

Aa

黒背景

2.91:1不適合


配色パレット提案

補色

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

#A40E77#0EA43B

類似色

色相環で隣接する色

#860EA4#A40E9D#A40E77#A40E52#A40E2C

トライアド

色相環で120°間隔の3色

#A40E77#77A40E#0E77A4

テトラード

色相環で90°間隔の4色

#A40E77#A4860E#0EA43B#0E2CA4

モノクローム

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

#170211#5E0844#A40E77#EB14AA#F15BC4

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

補色の両隣の色

#A40E77#2CA40E#0EA486

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

ライト → ダーク

linear-gradient(135deg, #EF43BB, #A40E77, #2F0422)

補色グラデーション

linear-gradient(135deg, #A40E77, #0EA43B)

類似色グラデーション

linear-gradient(135deg, #860EA4, #A40E77, #A40E2C)

ラジアルグロー

radial-gradient(circle, #A40E77, #2F0422)

サンセット風

linear-gradient(to right, #A40E77, #A40E2C, #0EA43B)

オーバーレイ

linear-gradient(180deg, #A40E77CC, #A40E7733)

CSS使用例

背景色として使用

Hello, World!
background-color: #A40E77;

テキスト色として使用

Color Text
color: #A40E77;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー