#58B660

#58B660

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

カラーコード変換

形式
HEX#58B660
RGBrgb(88, 182, 96)
RGBArgba(88, 182, 96, 1)
HSLhsl(125, 39%, 53%)
HSVhsv(125, 52%, 71%)
CMYKcmyk(52%, 0%, 47%, 29%)
Aa

白背景

2.54:1不適合

Aa

黒背景

8.28:1AA適合


配色パレット提案

補色

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

#58B660#B658AE

類似色

色相環で隣接する色

#7FB658#68B658#58B660#58B678#58B68F

トライアド

色相環で120°間隔の3色

#58B660#6058B6#B66058

テトラード

色相環で90°間隔の4色

#58B660#587FB6#B658AE#B68F58

モノクローム

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

#245228#3B8741#58B660#8ECD93#C3E5C6

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

補色の両隣の色

#58B660#8F58B6#B6587F

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

ライト → ダーク

linear-gradient(135deg, #B1DDB5, #58B660, #2C6330)

補色グラデーション

linear-gradient(135deg, #58B660, #B658AE)

類似色グラデーション

linear-gradient(135deg, #7FB658, #58B660, #58B68F)

ラジアルグロー

radial-gradient(circle, #58B660, #2C6330)

サンセット風

linear-gradient(to right, #58B660, #58B68F, #B658AE)

オーバーレイ

linear-gradient(180deg, #58B660CC, #58B66033)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #58B660;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー