#14D253

#14D253

ライムグリーン系

カラーコード変換

形式
HEX#14D253
RGBrgb(20, 210, 83)
RGBArgba(20, 210, 83, 1)
HSLhsl(140, 83%, 45%)
HSVhsv(140, 90%, 82%)
CMYKcmyk(90%, 0%, 60%, 18%)
Aa

白背景

2.02:1不適合

Aa

黒背景

10.37:1AA適合


配色パレット提案

補色

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

#14D253#D21492

類似色

色相環で隣接する色

#33D214#14D223#14D253#14D283#14D2B2

トライアド

色相環で120°間隔の3色

#14D253#5314D2#D25314

テトラード

色相環で90°間隔の4色

#14D253#1433D2#D21492#D2B214

モノクローム

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

#07461C#0D8C37#14D253#44EE7D#8AF4AE

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

補色の両隣の色

#14D253#B214D2#D21433

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

ライト → ダーク

linear-gradient(135deg, #73F29D, #14D253, #095D25)

補色グラデーション

linear-gradient(135deg, #14D253, #D21492)

類似色グラデーション

linear-gradient(135deg, #33D214, #14D253, #14D2B2)

ラジアルグロー

radial-gradient(circle, #14D253, #095D25)

サンセット風

linear-gradient(to right, #14D253, #14D2B2, #D21492)

オーバーレイ

linear-gradient(180deg, #14D253CC, #14D25333)

CSS使用例

背景色として使用

Hello, World!
background-color: #14D253;

テキスト色として使用

Color Text
color: #14D253;

ボーダー色として使用

ボーダー要素
border: 3px solid #14D253;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #14D25366;

関連するカラー