#630CED

#630CED

ダークオーキッド系

カラーコード変換

形式
HEX#630CED
RGBrgb(99, 12, 237)
RGBArgba(99, 12, 237, 1)
HSLhsl(263, 90%, 49%)
HSVhsv(263, 95%, 93%)
CMYKcmyk(58%, 95%, 0%, 7%)
Aa

白背景

7.48:1AA適合

Aa

黒背景

2.81:1不適合


配色パレット提案

補色

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

#630CED#97ED0C

類似色

色相環で隣接する色

#0C27ED#2A0CED#630CED#9B0CED#D30CED

トライアド

色相環で120°間隔の3色

#630CED#ED630C#0CED63

テトラード

色相環で90°間隔の4色

#630CED#ED0C27#97ED0C#0CEDD3

モノクローム

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

#26055C#4409A5#630CED#9051F6#BE99FA

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

補色の両隣の色

#630CED#EDD30C#27ED0C

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

ライト → ダーク

linear-gradient(135deg, #AF81F8, #630CED, #300674)

補色グラデーション

linear-gradient(135deg, #630CED, #97ED0C)

類似色グラデーション

linear-gradient(135deg, #0C27ED, #630CED, #D30CED)

ラジアルグロー

radial-gradient(circle, #630CED, #300674)

サンセット風

linear-gradient(to right, #630CED, #D30CED, #97ED0C)

オーバーレイ

linear-gradient(180deg, #630CEDCC, #630CED33)

CSS使用例

背景色として使用

Hello, World!
background-color: #630CED;

テキスト色として使用

Color Text
color: #630CED;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #630CED66;

関連するカラー