#81ECEEのRGB値は？

#81ECEE（スカイブルー系）のRGB値は、赤(R)=129、緑(G)=236、青(B)=238です。

#81ECEEの補色は？

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

#81ECEEはどんな色？

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

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

#81ECEE

スカイブルー系

カラーコード変換

形式	値
HEX	#81ECEE
RGB	rgb(129, 236, 238)
RGBA	rgba(129, 236, 238, 1)
HSL	hsl(181, 76%, 72%)
HSV	hsv(181, 46%, 93%)
CMYK	cmyk(46%, 1%, 0%, 7%)

白背景

1.38:1不適合

黒背景

15.17:1AA適合

配色パレット提案

補色

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

#81ECEE#EE8381

類似色

色相環で隣接する色

#81EEB9#81EED5#81ECEE#81D1EE#81B6EE

トライアド

色相環で120°間隔の3色

#81ECEE#EE81EC#ECEE81

テトラード

色相環で90°間隔の4色

#81ECEE#B981EE#EE8381#B6EE81

モノクローム

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

#1ABABC#3EE2E5#81ECEE#C5F6F7#FFFFFF

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

補色の両隣の色

#81ECEE#EE81B6#EEB981

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

ライト → ダーク

linear-gradient(135deg, #F2FDFD, #81ECEE, #1DD0D3)

補色グラデーション

linear-gradient(135deg, #81ECEE, #EE8381)

類似色グラデーション

linear-gradient(135deg, #81EEB9, #81ECEE, #81B6EE)

ラジアルグロー

radial-gradient(circle, #81ECEE, #1DD0D3)

サンセット風

linear-gradient(to right, #81ECEE, #81B6EE, #EE8381)

オーバーレイ

linear-gradient(180deg, #81ECEECC, #81ECEE33)

CSS使用例

背景色として使用

Hello, World!

background-color: #81ECEE;

テキスト色として使用

Color Text

color: #81ECEE;

ボーダー色として使用

ボーダー要素

border: 3px solid #81ECEE;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #81ECEE66;