#50EDC5

#50EDC5

ターコイズ系

カラーコード変換

形式
HEX#50EDC5
RGBrgb(80, 237, 197)
RGBArgba(80, 237, 197, 1)
HSLhsl(165, 81%, 62%)
HSVhsv(165, 66%, 93%)
CMYKcmyk(66%, 0%, 17%, 7%)
Aa

白背景

1.47:1不適合

Aa

黒背景

14.26:1AA適合


配色パレット提案

補色

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

#50EDC5#ED5077

類似色

色相環で隣接する色

#50ED77#50ED9E#50EDC5#50EDED#50C5ED

トライアド

色相環で120°間隔の3色

#50EDC5#C550ED#EDC550

テトラード

色相環で90°間隔の4色

#50EDC5#7750ED#ED5077#C5ED50

モノクローム

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

#109473#17D9A8#50EDC5#95F4DC#DAFBF3

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

補色の両隣の色

#50EDC5#ED50C5#ED7750

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

ライト → ダーク

linear-gradient(135deg, #C3F9EB, #50EDC5, #12AB85)

補色グラデーション

linear-gradient(135deg, #50EDC5, #ED5077)

類似色グラデーション

linear-gradient(135deg, #50ED77, #50EDC5, #50C5ED)

ラジアルグロー

radial-gradient(circle, #50EDC5, #12AB85)

サンセット風

linear-gradient(to right, #50EDC5, #50C5ED, #ED5077)

オーバーレイ

linear-gradient(180deg, #50EDC5CC, #50EDC533)

CSS使用例

背景色として使用

Hello, World!
background-color: #50EDC5;

テキスト色として使用

Color Text
color: #50EDC5;

ボーダー色として使用

ボーダー要素
border: 3px solid #50EDC5;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #50EDC566;

関連するカラー