#554592のRGB値は？

#554592（ダークスレートブルー系）のRGB値は、赤(R)=85、緑(G)=69、青(B)=146です。

#554592の補色は？

#554592（ダークスレートブルー系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#554592はどんな色？

#554592はダークスレートブルー系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#554592のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#554592

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#554592
RGB	rgb(85, 69, 146)
RGBA	rgba(85, 69, 146, 1)
HSL	hsl(252, 36%, 42%)
HSV	hsv(252, 53%, 57%)
CMYK	cmyk(42%, 53%, 0%, 43%)

白背景

7.92:1AA適合

黒背景

2.65:1不適合

配色パレット提案

補色

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

#554592#829245

類似色

色相環で隣接する色

#455C92#454892#554592#674592#7B4592

トライアド

色相環で120°間隔の3色

#554592#925445#459254

テトラード

色相環で90°間隔の4色

#554592#92455C#829245#45927B

モノクローム

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

#18142A#362C5E#554592#7A6AB9#A89ED1

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

補色の両隣の色

#554592#927B45#5C9245

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

ライト → ダーク

linear-gradient(135deg, #998DC9, #554592, #221C3B)

補色グラデーション

linear-gradient(135deg, #554592, #829245)

類似色グラデーション

linear-gradient(135deg, #455C92, #554592, #7B4592)

ラジアルグロー

radial-gradient(circle, #554592, #221C3B)

サンセット風

linear-gradient(to right, #554592, #7B4592, #829245)

オーバーレイ

linear-gradient(180deg, #554592CC, #55459233)

CSS使用例

背景色として使用

Hello, World!

background-color: #554592;

テキスト色として使用

Color Text

color: #554592;

ボーダー色として使用

ボーダー要素

border: 3px solid #554592;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #55459266;