#722FD0

#722FD0

ダークオーキッド系

カラーコード変換

形式
HEX#722FD0
RGBrgb(114, 47, 208)
RGBArgba(114, 47, 208, 1)
HSLhsl(265, 63%, 50%)
HSVhsv(265, 77%, 82%)
CMYKcmyk(45%, 77%, 0%, 18%)
Aa

白背景

6.92:1AA適合

Aa

黒背景

3.03:1AA Large


配色パレット提案

補色

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

#722FD0#8DD02F

類似色

色相環で隣接する色

#2F3DD0#4A2FD0#722FD0#9A2FD0#C22FD0

トライアド

色相環で120°間隔の3色

#722FD0#D0722F#2FD072

テトラード

色相環で90°間隔の4色

#722FD0#D02F3D#8DD02F#2FD0C2

モノクローム

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

#2E1353#502191#722FD0#9C6EDE#C7ACEC

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

補色の両隣の色

#722FD0#D0C22F#3DD02F

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

ライト → ダーク

linear-gradient(135deg, #B997E7, #722FD0, #391868)

補色グラデーション

linear-gradient(135deg, #722FD0, #8DD02F)

類似色グラデーション

linear-gradient(135deg, #2F3DD0, #722FD0, #C22FD0)

ラジアルグロー

radial-gradient(circle, #722FD0, #391868)

サンセット風

linear-gradient(to right, #722FD0, #C22FD0, #8DD02F)

オーバーレイ

linear-gradient(180deg, #722FD0CC, #722FD033)

CSS使用例

背景色として使用

Hello, World!
background-color: #722FD0;

テキスト色として使用

Color Text
color: #722FD0;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #722FD066;

関連するカラー