#ADEEF5のRGB値は？

#ADEEF5（ライトブルー系）のRGB値は、赤(R)=173、緑(G)=238、青(B)=245です。

#ADEEF5の補色は？

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

#ADEEF5はどんな色？

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

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

#ADEEF5

ライトブルー系

カラーコード変換

形式	値
HEX	#ADEEF5
RGB	rgb(173, 238, 245)
RGBA	rgba(173, 238, 245, 1)
HSL	hsl(186, 78%, 82%)
HSV	hsv(186, 29%, 96%)
CMYK	cmyk(29%, 3%, 0%, 4%)

白背景

1.29:1不適合

黒背景

16.33:1AA適合

配色パレット提案

補色

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

#ADEEF5#F5B4AD

類似色

色相環で隣接する色

#ADF5D8#ADF5EA#ADEEF5#ADDCF5#ADCAF5

トライアド

色相環で120°間隔の3色

#ADEEF5#F5ADEE#EEF5AD

テトラード

色相環で90°間隔の4色

#ADEEF5#D8ADF5#F5B4AD#CAF5AD

モノクローム

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

#25D1E4#69DFEC#ADEEF5#F1FCFD#FFFFFF

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

補色の両隣の色

#ADEEF5#F5ADCA#F5D8AD

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #ADEEF5, #3CD6E7)

補色グラデーション

linear-gradient(135deg, #ADEEF5, #F5B4AD)

類似色グラデーション

linear-gradient(135deg, #ADF5D8, #ADEEF5, #ADCAF5)

ラジアルグロー

radial-gradient(circle, #ADEEF5, #3CD6E7)

サンセット風

linear-gradient(to right, #ADEEF5, #ADCAF5, #F5B4AD)

オーバーレイ

linear-gradient(180deg, #ADEEF5CC, #ADEEF533)

CSS使用例

背景色として使用

Hello, World!

background-color: #ADEEF5;

テキスト色として使用

Color Text

color: #ADEEF5;

ボーダー色として使用

ボーダー要素

border: 3px solid #ADEEF5;

シャドウとして使用

Shadow

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