#59CE36

#59CE36

ライムグリーン系

カラーコード変換

形式
HEX#59CE36
RGBrgb(89, 206, 54)
RGBArgba(89, 206, 54, 1)
HSLhsl(106, 61%, 51%)
HSVhsv(106, 74%, 81%)
CMYKcmyk(57%, 0%, 74%, 19%)
Aa

白背景

2.04:1不適合

Aa

黒背景

10.31:1AA適合


配色パレット提案

補色

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

#59CE36#AB36CE

類似色

色相環で隣接する色

#A6CE36#80CE36#59CE36#36CE38#36CE5E

トライアド

色相環で120°間隔の3色

#59CE36#3659CE#CE3659

テトラード

色相環で90°間隔の4色

#59CE36#36A6CE#AB36CE#CE5E36

モノクローム

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

#245615#3E9424#59CE36#8CDD73#BFECB1

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

補色の両隣の色

#59CE36#5E36CE#CE36A6

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

ライト → ダーク

linear-gradient(135deg, #AEE79C, #59CE36, #2D6B1A)

補色グラデーション

linear-gradient(135deg, #59CE36, #AB36CE)

類似色グラデーション

linear-gradient(135deg, #A6CE36, #59CE36, #36CE5E)

ラジアルグロー

radial-gradient(circle, #59CE36, #2D6B1A)

サンセット風

linear-gradient(to right, #59CE36, #36CE5E, #AB36CE)

オーバーレイ

linear-gradient(180deg, #59CE36CC, #59CE3633)

CSS使用例

背景色として使用

Hello, World!
background-color: #59CE36;

テキスト色として使用

Color Text
color: #59CE36;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #59CE3666;

関連するカラー