#65338E

#65338E

ダークスレートブルー系

カラーコード変換

形式
HEX#65338E
RGBrgb(101, 51, 142)
RGBArgba(101, 51, 142, 1)
HSLhsl(273, 47%, 38%)
HSVhsv(273, 64%, 56%)
CMYKcmyk(29%, 64%, 0%, 44%)
Aa

白背景

8.69:1AA適合

Aa

黒背景

2.42:1不適合


配色パレット提案

補色

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

#65338E#5C8E33

類似色

色相環で隣接する色

#38338E#4F338E#65338E#7C338E#8E338A

トライアド

色相環で120°間隔の3色

#65338E#8E6533#338E65

テトラード

色相環で90°間隔の4色

#65338E#8E3833#5C8E33#338A8E

モノクローム

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

#150B1E#3D1F56#65338E#8D4FBF#B187D4

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

補色の両隣の色

#65338E#8A8E33#338E38

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

ライト → ダーク

linear-gradient(135deg, #A574CD, #65338E, #231231)

補色グラデーション

linear-gradient(135deg, #65338E, #5C8E33)

類似色グラデーション

linear-gradient(135deg, #38338E, #65338E, #8E338A)

ラジアルグロー

radial-gradient(circle, #65338E, #231231)

サンセット風

linear-gradient(to right, #65338E, #8E338A, #5C8E33)

オーバーレイ

linear-gradient(180deg, #65338ECC, #65338E33)

CSS使用例

背景色として使用

Hello, World!
background-color: #65338E;

テキスト色として使用

Color Text
color: #65338E;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #65338E66;

関連するカラー