#AC117D

#AC117D

ダークマゼンタ系

カラーコード変換

形式
HEX#AC117D
RGBrgb(172, 17, 125)
RGBArgba(172, 17, 125, 1)
HSLhsl(318, 82%, 37%)
HSVhsv(318, 90%, 67%)
CMYKcmyk(0%, 90%, 27%, 33%)
Aa

白背景

6.71:1AA適合

Aa

黒背景

3.13:1AA Large


配色パレット提案

補色

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

#AC117D#11AC3F

類似色

色相環で隣接する色

#8D11AC#AC11A4#AC117D#AC1157#AC1130

トライアド

色相環で120°間隔の3色

#AC117D#7DAC11#117DAC

テトラード

色相環で90°間隔の4色

#AC117D#AC8D11#11AC3F#1130AC

モノクローム

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

#200318#660A4B#AC117D#E920AD#F066C6

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

補色の両隣の色

#AC117D#30AC11#11AC8D

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

ライト → ダーク

linear-gradient(135deg, #EE4FBE, #AC117D, #380629)

補色グラデーション

linear-gradient(135deg, #AC117D, #11AC3F)

類似色グラデーション

linear-gradient(135deg, #8D11AC, #AC117D, #AC1130)

ラジアルグロー

radial-gradient(circle, #AC117D, #380629)

サンセット風

linear-gradient(to right, #AC117D, #AC1130, #11AC3F)

オーバーレイ

linear-gradient(180deg, #AC117DCC, #AC117D33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AC117D;

テキスト色として使用

Color Text
color: #AC117D;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー