#50CEC9

#50CEC9

ミディアムターコイズ系

カラーコード変換

形式
HEX#50CEC9
RGBrgb(80, 206, 201)
RGBArgba(80, 206, 201, 1)
HSLhsl(178, 56%, 56%)
HSVhsv(178, 61%, 81%)
CMYKcmyk(61%, 0%, 2%, 19%)
Aa

白背景

1.91:1不適合

Aa

黒背景

11.01:1AA適合


配色パレット提案

補色

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

#50CEC9#CE5054

類似色

色相環で隣接する色

#50CE8B#50CEAA#50CEC9#50B2CE#5093CE

トライアド

色相環で120°間隔の3色

#50CEC9#C950CE#CEC950

テトラード

色相環で90°間隔の4色

#50CEC9#8B50CE#CE5054#93CE50

モノクローム

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

#1D6765#2EA39F#50CEC9#8CDEDC#C7EFEE

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

補色の両隣の色

#50CEC9#CE5093#CE8B50

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

ライト → ダーク

linear-gradient(135deg, #B3EAE8, #50CEC9, #237B78)

補色グラデーション

linear-gradient(135deg, #50CEC9, #CE5054)

類似色グラデーション

linear-gradient(135deg, #50CE8B, #50CEC9, #5093CE)

ラジアルグロー

radial-gradient(circle, #50CEC9, #237B78)

サンセット風

linear-gradient(to right, #50CEC9, #5093CE, #CE5054)

オーバーレイ

linear-gradient(180deg, #50CEC9CC, #50CEC933)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #50CEC9;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー