#3EB036

#3EB036

ライムグリーン系

カラーコード変換

形式
HEX#3EB036
RGBrgb(62, 176, 54)
RGBArgba(62, 176, 54, 1)
HSLhsl(116, 53%, 45%)
HSVhsv(116, 69%, 69%)
CMYKcmyk(65%, 0%, 69%, 31%)
Aa

白背景

2.81:1不適合

Aa

黒背景

7.47:1AA適合


配色パレット提案

補色

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

#3EB036#A736B0

類似色

色相環で隣接する色

#7BB036#5CB036#3EB036#36B04C#36B06B

トライアド

色相環で120°間隔の3色

#3EB036#363EB0#B0363E

テトラード

色相環で90°間隔の4色

#3EB036#367BB0#A736B0#B06B36

モノクローム

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

#153B12#297524#3EB036#6ACF63#A2E19D

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

補色の両隣の色

#3EB036#6B36B0#B0367B

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

ライト → ダーク

linear-gradient(135deg, #8FDB8A, #3EB036, #1C4E18)

補色グラデーション

linear-gradient(135deg, #3EB036, #A736B0)

類似色グラデーション

linear-gradient(135deg, #7BB036, #3EB036, #36B06B)

ラジアルグロー

radial-gradient(circle, #3EB036, #1C4E18)

サンセット風

linear-gradient(to right, #3EB036, #36B06B, #A736B0)

オーバーレイ

linear-gradient(180deg, #3EB036CC, #3EB03633)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #3EB036;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー