#963BCE

#963BCE

ダークオーキッド系

カラーコード変換

形式
HEX#963BCE
RGBrgb(150, 59, 206)
RGBArgba(150, 59, 206, 1)
HSLhsl(277, 60%, 52%)
HSVhsv(277, 71%, 81%)
CMYKcmyk(27%, 71%, 0%, 19%)
Aa

白背景

5.51:1AA適合

Aa

黒背景

3.81:1AA Large


配色パレット提案

補色

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

#963BCE#73CE3B

類似色

色相環で隣接する色

#4C3BCE#713BCE#963BCE#BA3BCE#CE3BBD

トライアド

色相環で120°間隔の3色

#963BCE#CE963B#3BCE96

テトラード

色相環で90°間隔の4色

#963BCE#CE4C3B#73CE3B#3BBDCE

モノクローム

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

#40165A#6C2697#963BCE#B778DD#D8B6ED

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

補色の両隣の色

#963BCE#BDCE3B#3BCE4C

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

ライト → ダーク

linear-gradient(135deg, #CDA1E8, #963BCE, #4E1C6E)

補色グラデーション

linear-gradient(135deg, #963BCE, #73CE3B)

類似色グラデーション

linear-gradient(135deg, #4C3BCE, #963BCE, #CE3BBD)

ラジアルグロー

radial-gradient(circle, #963BCE, #4E1C6E)

サンセット風

linear-gradient(to right, #963BCE, #CE3BBD, #73CE3B)

オーバーレイ

linear-gradient(180deg, #963BCECC, #963BCE33)

CSS使用例

背景色として使用

Hello, World!
background-color: #963BCE;

テキスト色として使用

Color Text
color: #963BCE;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #963BCE66;

関連するカラー