#A021CA

#A021CA

ダークオーキッド系

カラーコード変換

形式
HEX#A021CA
RGBrgb(160, 33, 202)
RGBArgba(160, 33, 202, 1)
HSLhsl(285, 72%, 46%)
HSVhsv(285, 84%, 79%)
CMYKcmyk(21%, 84%, 0%, 21%)
Aa

白背景

5.89:1AA適合

Aa

黒背景

3.57:1AA Large


配色パレット提案

補色

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

#A021CA#4BCA21

類似色

色相環で隣接する色

#4B21CA#7521CA#A021CA#CA21CA#CA21A0

トライアド

色相環で120°間隔の3色

#A021CA#CAA021#21CAA0

テトラード

色相環で90°間隔の4色

#A021CA#CA4B21#4BCA21#21A0CA

モノクローム

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

#370B46#6C1688#A021CA#BF54E3#D896EE

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

補色の両隣の色

#A021CA#A0CA21#21CA4B

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

ライト → ダーク

linear-gradient(135deg, #D080EA, #A021CA, #490F5C)

補色グラデーション

linear-gradient(135deg, #A021CA, #4BCA21)

類似色グラデーション

linear-gradient(135deg, #4B21CA, #A021CA, #CA21A0)

ラジアルグロー

radial-gradient(circle, #A021CA, #490F5C)

サンセット風

linear-gradient(to right, #A021CA, #CA21A0, #4BCA21)

オーバーレイ

linear-gradient(180deg, #A021CACC, #A021CA33)

CSS使用例

背景色として使用

Hello, World!
background-color: #A021CA;

テキスト色として使用

Color Text
color: #A021CA;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー