#654B91

#654B91

ダークスレートブルー系

カラーコード変換

形式
HEX#654B91
RGBrgb(101, 75, 145)
RGBArgba(101, 75, 145, 1)
HSLhsl(262, 32%, 43%)
HSVhsv(262, 48%, 57%)
CMYKcmyk(30%, 48%, 0%, 43%)
Aa

白背景

7.07:1AA適合

Aa

黒背景

2.97:1不適合


配色パレット提案

補色

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

#654B91#77914B

類似色

色相環で隣接する色

#4B5491#534B91#654B91#764B91#874B91

トライアド

色相環で120°間隔の3色

#654B91#91644B#4B9164

テトラード

色相環で90°間隔の4色

#654B91#914B54#77914B#4B9187

モノクローム

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

#1E172C#41315E#654B91#8B72B6#B4A4D0

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

補色の両隣の色

#654B91#91874B#54914B

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

ライト → ダーク

linear-gradient(135deg, #A693C8, #654B91, #2A1F3D)

補色グラデーション

linear-gradient(135deg, #654B91, #77914B)

類似色グラデーション

linear-gradient(135deg, #4B5491, #654B91, #874B91)

ラジアルグロー

radial-gradient(circle, #654B91, #2A1F3D)

サンセット風

linear-gradient(to right, #654B91, #874B91, #77914B)

オーバーレイ

linear-gradient(180deg, #654B91CC, #654B9133)

CSS使用例

背景色として使用

Hello, World!
background-color: #654B91;

テキスト色として使用

Color Text
color: #654B91;

ボーダー色として使用

ボーダー要素
border: 3px solid #654B91;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #654B9166;

関連するカラー