#8EC6F0のRGB値は？

#8EC6F0（スカイブルー系）のRGB値は、赤(R)=142、緑(G)=198、青(B)=240です。

#8EC6F0の補色は？

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

#8EC6F0はどんな色？

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

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

#8EC6F0

スカイブルー系

カラーコード変換

形式	値
HEX	#8EC6F0
RGB	rgb(142, 198, 240)
RGBA	rgba(142, 198, 240, 1)
HSL	hsl(206, 77%, 75%)
HSV	hsv(206, 41%, 94%)
CMYK	cmyk(41%, 17%, 0%, 6%)

白背景

1.83:1不適合

黒背景

11.49:1AA適合

配色パレット提案

補色

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

#8EC6F0#F0B98E

類似色

色相環で隣接する色

#8EF0EA#8EDEF0#8EC6F0#8EADF0#8E95F0

トライアド

色相環で120°間隔の3色

#8EC6F0#F08EC6#C6F08E

テトラード

色相環で90°間隔の4色

#8EC6F0#EA8EF0#F0B98E#95F08E

モノクローム

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

#1A7FCB#4AA3E8#8EC6F0#D2E8F9#FFFFFF

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

補色の両隣の色

#8EC6F0#F08E95#F0EA8E

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #8EC6F0, #1D8DE2)

補色グラデーション

linear-gradient(135deg, #8EC6F0, #F0B98E)

類似色グラデーション

linear-gradient(135deg, #8EF0EA, #8EC6F0, #8E95F0)

ラジアルグロー

radial-gradient(circle, #8EC6F0, #1D8DE2)

サンセット風

linear-gradient(to right, #8EC6F0, #8E95F0, #F0B98E)

オーバーレイ

linear-gradient(180deg, #8EC6F0CC, #8EC6F033)

CSS使用例

背景色として使用

Hello, World!

background-color: #8EC6F0;

テキスト色として使用

Color Text

color: #8EC6F0;

ボーダー色として使用

ボーダー要素

border: 3px solid #8EC6F0;

シャドウとして使用

Shadow

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