#52EBD4

#52EBD4

ターコイズ系

カラーコード変換

形式
HEX#52EBD4
RGBrgb(82, 235, 212)
RGBArgba(82, 235, 212, 1)
HSLhsl(171, 79%, 62%)
HSVhsv(171, 65%, 92%)
CMYKcmyk(65%, 0%, 10%, 8%)
Aa

白背景

1.48:1不適合

Aa

黒背景

14.19:1AA適合


配色パレット提案

補色

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

#52EBD4#EB5269

類似色

色相環で隣接する色

#52EB87#52EBAD#52EBD4#52DBEB#52B5EB

トライアド

色相環で120°間隔の3色

#52EBD4#D452EB#EBD452

テトラード

色相環で90°間隔の4色

#52EBD4#8752EB#EB5269#B5EB52

モノクローム

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

#11927F#19D7BA#52EBD4#96F3E5#DAFBF6

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

補色の両隣の色

#52EBD4#EB52B5#EB8752

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

ライト → ダーク

linear-gradient(135deg, #C4F8F0, #52EBD4, #14A993)

補色グラデーション

linear-gradient(135deg, #52EBD4, #EB5269)

類似色グラデーション

linear-gradient(135deg, #52EB87, #52EBD4, #52B5EB)

ラジアルグロー

radial-gradient(circle, #52EBD4, #14A993)

サンセット風

linear-gradient(to right, #52EBD4, #52B5EB, #EB5269)

オーバーレイ

linear-gradient(180deg, #52EBD4CC, #52EBD433)

CSS使用例

背景色として使用

Hello, World!
background-color: #52EBD4;

テキスト色として使用

Color Text
color: #52EBD4;

ボーダー色として使用

ボーダー要素
border: 3px solid #52EBD4;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #52EBD466;

関連するカラー