#3ED080

#3ED080

ミディアムシーグリーン系

カラーコード変換

形式
HEX#3ED080
RGBrgb(62, 208, 128)
RGBArgba(62, 208, 128, 1)
HSLhsl(147, 61%, 53%)
HSVhsv(147, 70%, 82%)
CMYKcmyk(70%, 0%, 38%, 18%)
Aa

白背景

1.99:1不適合

Aa

黒背景

10.54:1AA適合


配色パレット提案

補色

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

#3ED080#D03E8E

類似色

色相環で隣接する色

#45D03E#3ED05B#3ED080#3ED0A4#3ED0C9

トライアド

色相環で120°間隔の3色

#3ED080#803ED0#D0803E

テトラード

色相環で90°間隔の4色

#3ED080#3E45D0#D03E8E#D0C93E

モノクローム

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

#175E37#269C5B#3ED080#7CDFA8#B9EED1

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

補色の両隣の色

#3ED080#C93ED0#D03E45

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

ライト → ダーク

linear-gradient(135deg, #A5E9C3, #3ED080, #1C7343)

補色グラデーション

linear-gradient(135deg, #3ED080, #D03E8E)

類似色グラデーション

linear-gradient(135deg, #45D03E, #3ED080, #3ED0C9)

ラジアルグロー

radial-gradient(circle, #3ED080, #1C7343)

サンセット風

linear-gradient(to right, #3ED080, #3ED0C9, #D03E8E)

オーバーレイ

linear-gradient(180deg, #3ED080CC, #3ED08033)

CSS使用例

背景色として使用

Hello, World!
background-color: #3ED080;

テキスト色として使用

Color Text
color: #3ED080;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3ED08066;

関連するカラー