#545190

#545190

ダークスレートブルー系

カラーコード変換

形式
HEX#545190
RGBrgb(84, 81, 144)
RGBArgba(84, 81, 144, 1)
HSLhsl(243, 28%, 44%)
HSVhsv(243, 44%, 56%)
CMYKcmyk(42%, 44%, 0%, 44%)
Aa

白背景

7.10:1AA適合

Aa

黒背景

2.96:1不適合


配色パレット提案

補色

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

#545190#8C9051

類似色

色相環で隣接する色

#516D90#515D90#545190#645190#735190

トライアド

色相環で120°間隔の3色

#545190#905451#519054

テトラード

色相環で90°間隔の4色

#545190#90516D#8C9051#519073

モノクローム

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

#1B1A2E#37355F#545190#7C79B4#ACAACF

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

補色の両隣の色

#545190#907351#6D9051

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

ライト → ダーク

linear-gradient(135deg, #9C9AC6, #545190, #24233E)

補色グラデーション

linear-gradient(135deg, #545190, #8C9051)

類似色グラデーション

linear-gradient(135deg, #516D90, #545190, #735190)

ラジアルグロー

radial-gradient(circle, #545190, #24233E)

サンセット風

linear-gradient(to right, #545190, #735190, #8C9051)

オーバーレイ

linear-gradient(180deg, #545190CC, #54519033)

CSS使用例

背景色として使用

Hello, World!
background-color: #545190;

テキスト色として使用

Color Text
color: #545190;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #54519066;

関連するカラー