#708BA9のRGB値は？

#708BA9（ライトスレートグレー系）のRGB値は、赤(R)=112、緑(G)=139、青(B)=169です。

#708BA9の補色は？

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

#708BA9はどんな色？

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

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

#708BA9

ライトスレートグレー系

カラーコード変換

形式	値
HEX	#708BA9
RGB	rgb(112, 139, 169)
RGBA	rgba(112, 139, 169, 1)
HSL	hsl(212, 25%, 55%)
HSV	hsv(212, 34%, 66%)
CMYK	cmyk(34%, 18%, 0%, 34%)

白背景

3.53:1AA Large

黒背景

5.95:1AA適合

配色パレット提案

補色

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

#708BA9#A98E70

類似色

色相環で隣接する色

#70A7A9#7099A9#708BA9#707CA9#7170A9

トライアド

色相環で120°間隔の3色

#708BA9#A9708A#8AA970

テトラード

色相環で90°間隔の4色

#708BA9#A970A7#A98E70#70A971

モノクローム

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

#303F50#4D6480#708BA9#9FB1C6#CFD8E2

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

補色の両隣の色

#708BA9#A97170#A7A970

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

ライト → ダーク

linear-gradient(135deg, #BFCBD9, #708BA9, #394B60)

補色グラデーション

linear-gradient(135deg, #708BA9, #A98E70)

類似色グラデーション

linear-gradient(135deg, #70A7A9, #708BA9, #7170A9)

ラジアルグロー

radial-gradient(circle, #708BA9, #394B60)

サンセット風

linear-gradient(to right, #708BA9, #7170A9, #A98E70)

オーバーレイ

linear-gradient(180deg, #708BA9CC, #708BA933)

CSS使用例

背景色として使用

Hello, World!

background-color: #708BA9;

テキスト色として使用

Color Text

color: #708BA9;

ボーダー色として使用

ボーダー要素

border: 3px solid #708BA9;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #708BA966;