#88E552

#88E552

イエローグリーン系

カラーコード変換

形式
HEX#88E552
RGBrgb(136, 229, 82)
RGBArgba(136, 229, 82, 1)
HSLhsl(98, 74%, 61%)
HSVhsv(98, 64%, 90%)
CMYKcmyk(41%, 0%, 64%, 10%)
Aa

白背景

1.57:1不適合

Aa

黒背景

13.38:1AA適合


配色パレット提案

補色

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

#88E552#AF52E5

類似色

色相環で隣接する色

#D2E552#ADE552#88E552#63E552#52E566

トライアド

色相環で120°間隔の3色

#88E552#5288E5#E55288

テトラード

色相環で90°間隔の4色

#88E552#52D2E5#AF52E5#E56652

モノクローム

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

#3F8A15#5ECC1E#88E552#B6EF95#E4F9D7

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

補色の両隣の色

#88E552#6652E5#E552D2

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

ライト → ダーク

linear-gradient(135deg, #D4F6C1, #88E552, #4AA018)

補色グラデーション

linear-gradient(135deg, #88E552, #AF52E5)

類似色グラデーション

linear-gradient(135deg, #D2E552, #88E552, #52E566)

ラジアルグロー

radial-gradient(circle, #88E552, #4AA018)

サンセット風

linear-gradient(to right, #88E552, #52E566, #AF52E5)

オーバーレイ

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

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #88E552;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー