#4B548B

#4B548B

ダークスレートブルー系

カラーコード変換

形式
HEX#4B548B
RGBrgb(75, 84, 139)
RGBArgba(75, 84, 139, 1)
HSLhsl(232, 30%, 42%)
HSVhsv(232, 46%, 55%)
CMYKcmyk(46%, 40%, 0%, 45%)
Aa

白背景

7.14:1AA適合

Aa

黒背景

2.94:1不適合


配色パレット提案

補色

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

#4B548B#8B834B

類似色

色相環で隣接する色

#4B748B#4B648B#4B548B#524B8B#634B8B

トライアド

色相環で120°間隔の3色

#4B548B#8B4B54#548B4B

テトラード

色相環で90°間隔の4色

#4B548B#8B4B74#8B834B#4B8B63

モノクローム

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

#151828#30365A#4B548B#7079B2#A2A8CD

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

補色の両隣の色

#4B548B#8B634B#748B4B

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

ライト → ダーク

linear-gradient(135deg, #9298C4, #4B548B, #1E2238)

補色グラデーション

linear-gradient(135deg, #4B548B, #8B834B)

類似色グラデーション

linear-gradient(135deg, #4B748B, #4B548B, #634B8B)

ラジアルグロー

radial-gradient(circle, #4B548B, #1E2238)

サンセット風

linear-gradient(to right, #4B548B, #634B8B, #8B834B)

オーバーレイ

linear-gradient(180deg, #4B548BCC, #4B548B33)

CSS使用例

背景色として使用

Hello, World!
background-color: #4B548B;

テキスト色として使用

Color Text
color: #4B548B;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4B548B66;

関連するカラー