#3DB878

#3DB878

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

カラーコード変換

形式
HEX#3DB878
RGBrgb(61, 184, 120)
RGBArgba(61, 184, 120, 1)
HSLhsl(149, 50%, 48%)
HSVhsv(149, 67%, 72%)
CMYKcmyk(67%, 0%, 35%, 28%)
Aa

白背景

2.52:1不適合

Aa

黒背景

8.33:1AA適合


配色パレット提案

補色

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

#3DB878#B83D7C

類似色

色相環で隣接する色

#3FB83D#3DB85A#3DB878#3DB897#3DB8B6

トライアド

色相環で120°間隔の3色

#3DB878#783DB8#B8783D

テトラード

色相環で90°間隔の4色

#3DB878#3D3FB8#B83D7C#B8B63D

モノクローム

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

#17452D#2A7E53#3DB878#71D09F#ABE3C6

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

補色の両隣の色

#3DB878#B63DB8#B83D3F

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

ライト → ダーク

linear-gradient(135deg, #98DDB9, #3DB878, #1D583A)

補色グラデーション

linear-gradient(135deg, #3DB878, #B83D7C)

類似色グラデーション

linear-gradient(135deg, #3FB83D, #3DB878, #3DB8B6)

ラジアルグロー

radial-gradient(circle, #3DB878, #1D583A)

サンセット風

linear-gradient(to right, #3DB878, #3DB8B6, #B83D7C)

オーバーレイ

linear-gradient(180deg, #3DB878CC, #3DB87833)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #3DB878;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー