#6E2DD7

#6E2DD7

ダークオーキッド系

カラーコード変換

形式
HEX#6E2DD7
RGBrgb(110, 45, 215)
RGBArgba(110, 45, 215, 1)
HSLhsl(263, 68%, 51%)
HSVhsv(263, 79%, 84%)
CMYKcmyk(49%, 79%, 0%, 16%)
Aa

白背景

6.95:1AA適合

Aa

黒背景

3.02:1AA Large


配色パレット提案

補色

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

#6E2DD7#96D72D

類似色

色相環で隣接する色

#2D41D7#442DD7#6E2DD7#992DD7#C32DD7

トライアド

色相環で120°間隔の3色

#6E2DD7#D76E2D#2DD76E

テトラード

色相環で90°間隔の4色

#6E2DD7#D72D41#96D72D#2DD7C3

モノクローム

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

#2D115A#4D1D9A#6E2DD7#9B6DE3#C7AEEF

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

補色の両隣の色

#6E2DD7#D7C32D#41D72D

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

ライト → ダーク

linear-gradient(135deg, #B898EB, #6E2DD7, #38156F)

補色グラデーション

linear-gradient(135deg, #6E2DD7, #96D72D)

類似色グラデーション

linear-gradient(135deg, #2D41D7, #6E2DD7, #C32DD7)

ラジアルグロー

radial-gradient(circle, #6E2DD7, #38156F)

サンセット風

linear-gradient(to right, #6E2DD7, #C32DD7, #96D72D)

オーバーレイ

linear-gradient(180deg, #6E2DD7CC, #6E2DD733)

CSS使用例

背景色として使用

Hello, World!
background-color: #6E2DD7;

テキスト色として使用

Color Text
color: #6E2DD7;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #6E2DD766;

関連するカラー