#552B78のRGB値は？

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

#552B78の補色は？

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

#552B78はどんな色？

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

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

#552B78

ダークスレートブルー系

カラーコード変換

形式	値
HEX	#552B78
RGB	rgb(85, 43, 120)
RGBA	rgba(85, 43, 120, 1)
HSL	hsl(273, 47%, 32%)
HSV	hsv(273, 64%, 47%)
CMYK	cmyk(29%, 64%, 0%, 53%)

白背景

10.48:1AA適合

黒背景

2.00:1不適合

配色パレット提案

補色

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

#552B78#4E782B

類似色

色相環で隣接する色

#2F2B78#422B78#552B78#692B78#782B74

トライアド

色相環で120°間隔の3色

#552B78#78552B#2B7855

テトラード

色相環で90°間隔の4色

#552B78#782F2B#4E782B#2B7478

モノクローム

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

#050307#2D1740#552B78#7D40B0#A371CC

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

補色の両隣の色

#552B78#74782B#2B782F

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

ライト → ダーク

linear-gradient(135deg, #975EC5, #552B78, #13091A)

補色グラデーション

linear-gradient(135deg, #552B78, #4E782B)

類似色グラデーション

linear-gradient(135deg, #2F2B78, #552B78, #782B74)

ラジアルグロー

radial-gradient(circle, #552B78, #13091A)

サンセット風

linear-gradient(to right, #552B78, #782B74, #4E782B)

オーバーレイ

linear-gradient(180deg, #552B78CC, #552B7833)

CSS使用例

背景色として使用

Hello, World!

background-color: #552B78;

テキスト色として使用

Color Text

color: #552B78;

ボーダー色として使用

ボーダー要素

border: 3px solid #552B78;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #552B7866;