#52DEE5のRGB値は？

#52DEE5（ターコイズ系）のRGB値は、赤(R)=82、緑(G)=222、青(B)=229です。

#52DEE5の補色は？

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

#52DEE5はどんな色？

#52DEE5はターコイズ系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

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

#52DEE5

ターコイズ系

カラーコード変換

形式	値
HEX	#52DEE5
RGB	rgb(82, 222, 229)
RGBA	rgba(82, 222, 229, 1)
HSL	hsl(183, 74%, 61%)
HSV	hsv(183, 64%, 90%)
CMYK	cmyk(64%, 3%, 0%, 10%)

白背景

1.62:1不適合

黒背景

12.94:1AA適合

配色パレット提案

補色

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

#52DEE5#E55952

類似色

色相環で隣接する色

#52E5A3#52E5C8#52DEE5#52B9E5#5294E5

トライアド

色相環で120°間隔の3色

#52DEE5#E552DE#DEE552

テトラード

色相環で90°間隔の4色

#52DEE5#A352E5#E55952#94E552

モノクローム

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

#15848A#1EC3CC#52DEE5#95EBEF#D7F7F9

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

補色の両隣の色

#52DEE5#E55294#E5A352

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

ライト → ダーク

linear-gradient(135deg, #C1F3F6, #52DEE5, #1899A0)

補色グラデーション

linear-gradient(135deg, #52DEE5, #E55952)

類似色グラデーション

linear-gradient(135deg, #52E5A3, #52DEE5, #5294E5)

ラジアルグロー

radial-gradient(circle, #52DEE5, #1899A0)

サンセット風

linear-gradient(to right, #52DEE5, #5294E5, #E55952)

オーバーレイ

linear-gradient(180deg, #52DEE5CC, #52DEE533)

CSS使用例

背景色として使用

Hello, World!

background-color: #52DEE5;

テキスト色として使用

Color Text

color: #52DEE5;

ボーダー色として使用

ボーダー要素

border: 3px solid #52DEE5;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #52DEE566;