#2CC918

#2CC918

ライムグリーン系

カラーコード変換

形式
HEX#2CC918
RGBrgb(44, 201, 24)
RGBArgba(44, 201, 24, 1)
HSLhsl(113, 79%, 44%)
HSVhsv(113, 88%, 79%)
CMYKcmyk(78%, 0%, 88%, 21%)
Aa

白背景

2.22:1不適合

Aa

黒背景

9.47:1AA適合


配色パレット提案

補色

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

#2CC918#B418C9

類似色

色相環で隣接する色

#85C918#59C918#2CC918#18C92F#18C95C

トライアド

色相環で120°間隔の3色

#2CC918#182CC9#C9182C

テトラード

色相環で90°間隔の4色

#2CC918#1885C9#B418C9#C95C18

モノクローム

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

#0E4007#1D8410#2CC918#57E944#95F188

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

補色の両隣の色

#2CC918#5C18C9#C91885

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

ライト → ダーク

linear-gradient(135deg, #80EE72, #2CC918, #13570A)

補色グラデーション

linear-gradient(135deg, #2CC918, #B418C9)

類似色グラデーション

linear-gradient(135deg, #85C918, #2CC918, #18C95C)

ラジアルグロー

radial-gradient(circle, #2CC918, #13570A)

サンセット風

linear-gradient(to right, #2CC918, #18C95C, #B418C9)

オーバーレイ

linear-gradient(180deg, #2CC918CC, #2CC91833)

CSS使用例

背景色として使用

Hello, World!
background-color: #2CC918;

テキスト色として使用

Color Text
color: #2CC918;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #2CC91866;

関連するカラー