#94E552

#94E552

イエローグリーン系

カラーコード変換

形式
HEX#94E552
RGBrgb(148, 229, 82)
RGBArgba(148, 229, 82, 1)
HSLhsl(93, 74%, 61%)
HSVhsv(93, 64%, 90%)
CMYKcmyk(35%, 0%, 64%, 10%)
Aa

白背景

1.55:1不適合

Aa

黒背景

13.59:1AA適合


配色パレット提案

補色

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

#94E552#A352E5

類似色

色相環で隣接する色

#DEE552#B9E552#94E552#6FE552#52E559

トライアド

色相環で120°間隔の3色

#94E552#5294E5#E55294

テトラード

色相環で90°間隔の4色

#94E552#52DEE5#A352E5#E55952

モノクローム

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

#498A15#6DCC1E#94E552#BDEF95#E6F9D7

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

補色の両隣の色

#94E552#5952E5#E552DE

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

ライト → ダーク

linear-gradient(135deg, #D9F6C1, #94E552, #55A018)

補色グラデーション

linear-gradient(135deg, #94E552, #A352E5)

類似色グラデーション

linear-gradient(135deg, #DEE552, #94E552, #52E559)

ラジアルグロー

radial-gradient(circle, #94E552, #55A018)

サンセット風

linear-gradient(to right, #94E552, #52E559, #A352E5)

オーバーレイ

linear-gradient(180deg, #94E552CC, #94E55233)

CSS使用例

背景色として使用

Hello, World!
background-color: #94E552;

テキスト色として使用

Color Text
color: #94E552;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #94E55266;

関連するカラー