#8CCCCFのRGB値は？

#8CCCCF（スカイブルー系）のRGB値は、赤(R)=140、緑(G)=204、青(B)=207です。

#8CCCCFの補色は？

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

#8CCCCFはどんな色？

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

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

#8CCCCF

スカイブルー系

カラーコード変換

形式	値
HEX	#8CCCCF
RGB	rgb(140, 204, 207)
RGBA	rgba(140, 204, 207, 1)
HSL	hsl(183, 41%, 68%)
HSV	hsv(183, 32%, 81%)
CMYK	cmyk(32%, 1%, 0%, 19%)

白背景

1.80:1不適合

黒背景

11.65:1AA適合

配色パレット提案

補色

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

#8CCCCF#CF8F8C

類似色

色相環で隣接する色

#8CCFB1#8CCFC1#8CCCCF#8CBBCF#8CAACF

トライアド

色相環で120°間隔の3色

#8CCCCF#CF8CCC#CCCF8C

テトラード

色相環で90°間隔の4色

#8CCCCF#B18CCF#CF8F8C#AACF8C

モノクローム

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

#398589#56B3B8#8CCCCF#C2E4E5#F8FCFC

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

補色の両隣の色

#8CCCCF#CF8CAA#CFB18C

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

ライト → ダーク

linear-gradient(135deg, #E6F4F4, #8CCCCF, #41969B)

補色グラデーション

linear-gradient(135deg, #8CCCCF, #CF8F8C)

類似色グラデーション

linear-gradient(135deg, #8CCFB1, #8CCCCF, #8CAACF)

ラジアルグロー

radial-gradient(circle, #8CCCCF, #41969B)

サンセット風

linear-gradient(to right, #8CCCCF, #8CAACF, #CF8F8C)

オーバーレイ

linear-gradient(180deg, #8CCCCFCC, #8CCCCF33)

CSS使用例

背景色として使用

Hello, World!

background-color: #8CCCCF;

テキスト色として使用

Color Text

color: #8CCCCF;

ボーダー色として使用

ボーダー要素

border: 3px solid #8CCCCF;

シャドウとして使用

Shadow

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