#576770のRGB値は？

#576770（ディムグレー系）のRGB値は、赤(R)=87、緑(G)=103、青(B)=112です。

#576770の補色は？

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

#576770はどんな色？

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

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

#576770

ディムグレー系

カラーコード変換

形式	値
HEX	#576770
RGB	rgb(87, 103, 112)
RGBA	rgba(87, 103, 112, 1)
HSL	hsl(202, 13%, 39%)
HSV	hsv(202, 22%, 44%)
CMYK	cmyk(22%, 8%, 0%, 56%)

白背景

5.87:1AA適合

黒背景

3.58:1AA Large

配色パレット提案

補色

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

#576770#706057

類似色

色相環で隣接する色

#57706D#576D70#576770#576070#575A70

トライアド

色相環で120°間隔の3色

#576770#705767#677057

テトラード

色相環で90°間隔の4色

#576770#6D5770#706057#5A7057

モノクローム

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

#14181A#353F45#576770#7A8E99#A6B3BA

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

補色の両隣の色

#576770#70575A#706D57

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

ライト → ダーク

linear-gradient(135deg, #97A6AF, #576770, #1F2528)

補色グラデーション

linear-gradient(135deg, #576770, #706057)

類似色グラデーション

linear-gradient(135deg, #57706D, #576770, #575A70)

ラジアルグロー

radial-gradient(circle, #576770, #1F2528)

サンセット風

linear-gradient(to right, #576770, #575A70, #706057)

オーバーレイ

linear-gradient(180deg, #576770CC, #57677033)

CSS使用例

背景色として使用

Hello, World!

background-color: #576770;

テキスト色として使用

Color Text

color: #576770;

ボーダー色として使用

ボーダー要素

border: 3px solid #576770;

シャドウとして使用

Shadow

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