#3CEA10

#3CEA10

ライムグリーン系

カラーコード変換

形式
HEX#3CEA10
RGBrgb(60, 234, 16)
RGBArgba(60, 234, 16, 1)
HSLhsl(108, 87%, 49%)
HSVhsv(108, 93%, 92%)
CMYKcmyk(74%, 0%, 93%, 8%)
Aa

白背景

1.62:1不適合

Aa

黒背景

12.97:1AA適合


配色パレット提案

補色

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

#3CEA10#BE10EA

類似色

色相環で隣接する色

#A8EA10#72EA10#3CEA10#10EA1B#10EA51

トライアド

色相環で120°間隔の3色

#3CEA10#103CEA#EA103C

テトラード

色相環で90°間隔の4色

#3CEA10#10A8EA#BE10EA#EA5110

モノクローム

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

#175B06#29A20B#3CEA10#73F353#ADF89B

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

補色の両隣の色

#3CEA10#5110EA#EA10A8

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

ライト → ダーク

linear-gradient(135deg, #9AF683, #3CEA10, #1D7208)

補色グラデーション

linear-gradient(135deg, #3CEA10, #BE10EA)

類似色グラデーション

linear-gradient(135deg, #A8EA10, #3CEA10, #10EA51)

ラジアルグロー

radial-gradient(circle, #3CEA10, #1D7208)

サンセット風

linear-gradient(to right, #3CEA10, #10EA51, #BE10EA)

オーバーレイ

linear-gradient(180deg, #3CEA10CC, #3CEA1033)

CSS使用例

背景色として使用

Hello, World!
background-color: #3CEA10;

テキスト色として使用

Color Text
color: #3CEA10;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #3CEA1066;

関連するカラー