#39AC43

#39AC43

ライムグリーン系

カラーコード変換

形式
HEX#39AC43
RGBrgb(57, 172, 67)
RGBArgba(57, 172, 67, 1)
HSLhsl(125, 50%, 45%)
HSVhsv(125, 67%, 67%)
CMYKcmyk(67%, 0%, 61%, 33%)
Aa

白背景

2.93:1不適合

Aa

黒背景

7.16:1AA適合


配色パレット提案

補色

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

#39AC43#AC39A3

類似色

色相環で隣接する色

#69AC39#4DAC39#39AC43#39AC60#39AC7C

トライアド

色相環で120°間隔の3色

#39AC43#4339AC#AC4339

テトラード

色相環で90°間隔の4色

#39AC43#3969AC#AC39A3#AC7C39

モノクローム

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

#133916#26732D#39AC43#66CC6E#9FDFA5

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

補色の両隣の色

#39AC43#7C39AC#AC3969

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

ライト → ダーク

linear-gradient(135deg, #8CD993, #39AC43, #194D1E)

補色グラデーション

linear-gradient(135deg, #39AC43, #AC39A3)

類似色グラデーション

linear-gradient(135deg, #69AC39, #39AC43, #39AC7C)

ラジアルグロー

radial-gradient(circle, #39AC43, #194D1E)

サンセット風

linear-gradient(to right, #39AC43, #39AC7C, #AC39A3)

オーバーレイ

linear-gradient(180deg, #39AC43CC, #39AC4333)

CSS使用例

背景色として使用

Hello, World!
background-color: #39AC43;

テキスト色として使用

Color Text
color: #39AC43;

ボーダー色として使用

ボーダー要素
border: 3px solid #39AC43;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #39AC4366;

関連するカラー