#59D331

#59D331

ライムグリーン系

カラーコード変換

形式
HEX#59D331
RGBrgb(89, 211, 49)
RGBArgba(89, 211, 49, 1)
HSLhsl(105, 65%, 51%)
HSVhsv(105, 77%, 83%)
CMYKcmyk(58%, 0%, 77%, 17%)
Aa

白背景

1.95:1不適合

Aa

黒背景

10.79:1AA適合


配色パレット提案

補色

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

#59D331#AB31D3

類似色

色相環で隣接する色

#ABD331#82D331#59D331#31D331#31D359

トライアド

色相環で120°間隔の3色

#59D331#3159D3#D33159

テトラード

色相環で90°間隔の4色

#59D331#31ABD3#AB31D3#D35931

モノクローム

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

#245813#3E9720#59D331#8CE170#BFEEAF

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

補色の両隣の色

#59D331#5931D3#D331AB

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

ライト → ダーク

linear-gradient(135deg, #AEEA9A, #59D331, #2D6D17)

補色グラデーション

linear-gradient(135deg, #59D331, #AB31D3)

類似色グラデーション

linear-gradient(135deg, #ABD331, #59D331, #31D359)

ラジアルグロー

radial-gradient(circle, #59D331, #2D6D17)

サンセット風

linear-gradient(to right, #59D331, #31D359, #AB31D3)

オーバーレイ

linear-gradient(180deg, #59D331CC, #59D33133)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #59D331;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー