#58EE5A

#58EE5A

ライムグリーン系

カラーコード変換

形式
HEX#58EE5A
RGBrgb(88, 238, 90)
RGBArgba(88, 238, 90, 1)
HSLhsl(121, 82%, 64%)
HSVhsv(121, 63%, 93%)
CMYKcmyk(63%, 0%, 62%, 7%)
Aa

白背景

1.52:1不適合

Aa

黒背景

13.79:1AA適合


配色パレット提案

補色

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

#58EE5A#EE58EC

類似色

色相環で隣接する色

#A1EE58#7BEE58#58EE5A#58EE80#58EEA6

トライアド

色相環で120°間隔の3色

#58EE5A#5A58EE#EE5A58

テトラード

色相環で90°間隔の4色

#58EE5A#58A1EE#EE58EC#EEA658

モノクローム

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

#109E12#16E31A#58EE5A#9EF59F#E3FCE4

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

補色の両隣の色

#58EE5A#A658EE#EE58A1

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

ライト → ダーク

linear-gradient(135deg, #CCFACD, #58EE5A, #12B515)

補色グラデーション

linear-gradient(135deg, #58EE5A, #EE58EC)

類似色グラデーション

linear-gradient(135deg, #A1EE58, #58EE5A, #58EEA6)

ラジアルグロー

radial-gradient(circle, #58EE5A, #12B515)

サンセット風

linear-gradient(to right, #58EE5A, #58EEA6, #EE58EC)

オーバーレイ

linear-gradient(180deg, #58EE5ACC, #58EE5A33)

CSS使用例

背景色として使用

Hello, World!
background-color: #58EE5A;

テキスト色として使用

Color Text
color: #58EE5A;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #58EE5A66;

関連するカラー