#5E365B

#5E365B

ダークパープル系

カラーコード変換

形式
HEX#5E365B
RGBrgb(94, 54, 91)
RGBArgba(94, 54, 91, 1)
HSLhsl(305, 27%, 29%)
HSVhsv(305, 43%, 37%)
CMYKcmyk(0%, 43%, 3%, 63%)
Aa

白背景

9.75:1AA適合

Aa

黒背景

2.15:1不適合


配色パレット提案

補色

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

#5E365B#365E39

類似色

色相環で隣接する色

#4D365E#57365E#5E365B#5E3651#5E3647

トライアド

色相環で120°間隔の3色

#5E365B#5B5E36#365B5E

テトラード

色相環で90°間隔の4色

#5E365B#5E4D36#365E39#36475E

モノクローム

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

#000000#2D1A2C#5E365B#8E5289#B37AAE

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

補色の両隣の色

#5E365B#475E36#365E4D

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

ライト → ダーク

linear-gradient(135deg, #A96AA4, #5E365B, #0D070C)

補色グラデーション

linear-gradient(135deg, #5E365B, #365E39)

類似色グラデーション

linear-gradient(135deg, #4D365E, #5E365B, #5E3647)

ラジアルグロー

radial-gradient(circle, #5E365B, #0D070C)

サンセット風

linear-gradient(to right, #5E365B, #5E3647, #365E39)

オーバーレイ

linear-gradient(180deg, #5E365BCC, #5E365B33)

CSS使用例

背景色として使用

Hello, World!
background-color: #5E365B;

テキスト色として使用

Color Text
color: #5E365B;

ボーダー色として使用

ボーダー要素
border: 3px solid #5E365B;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #5E365B66;

関連するカラー