#ACCBCDのRGB値は？

#ACCBCD（ライトスティールブルー系）のRGB値は、赤(R)=172、緑(G)=203、青(B)=205です。

#ACCBCDの補色は？

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

#ACCBCDはどんな色？

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

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

#ACCBCD

ライトスティールブルー系

カラーコード変換

形式	値
HEX	#ACCBCD
RGB	rgb(172, 203, 205)
RGBA	rgba(172, 203, 205, 1)
HSL	hsl(184, 25%, 74%)
HSV	hsv(184, 16%, 80%)
CMYK	cmyk(16%, 1%, 0%, 20%)

白背景

1.72:1不適合

黒背景

12.18:1AA適合

配色パレット提案

補色

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

#ACCBCD#CDAEAC

類似色

色相環で隣接する色

#ACCDBF#ACCDC7#ACCBCD#ACC3CD#ACBACD

トライアド

色相環で120°間隔の3色

#ACCBCD#CDACCB#CBCDAC

テトラード

色相環で90°間隔の4色

#ACCBCD#BFACCD#CDAEAC#BACDAC

モノクローム

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

#54898C#7CADB1#ACCBCD#DCE9EA#FFFFFF

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

補色の両隣の色

#ACCBCD#CDACBA#CDBFAC

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

ライト → ダーク

linear-gradient(135deg, #FCFDFD, #ACCBCD, #5E989C)

補色グラデーション

linear-gradient(135deg, #ACCBCD, #CDAEAC)

類似色グラデーション

linear-gradient(135deg, #ACCDBF, #ACCBCD, #ACBACD)

ラジアルグロー

radial-gradient(circle, #ACCBCD, #5E989C)

サンセット風

linear-gradient(to right, #ACCBCD, #ACBACD, #CDAEAC)

オーバーレイ

linear-gradient(180deg, #ACCBCDCC, #ACCBCD33)

CSS使用例

背景色として使用

Hello, World!

background-color: #ACCBCD;

テキスト色として使用

Color Text

color: #ACCBCD;

ボーダー色として使用

ボーダー要素

border: 3px solid #ACCBCD;

シャドウとして使用

Shadow

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