#64ED81

#64ED81

ミディアムアクアマリン系

カラーコード変換

形式
HEX#64ED81
RGBrgb(100, 237, 129)
RGBArgba(100, 237, 129, 1)
HSLhsl(133, 79%, 66%)
HSVhsv(133, 58%, 93%)
CMYKcmyk(58%, 0%, 46%, 7%)
Aa

白背景

1.50:1不適合

Aa

黒背景

13.97:1AA適合


配色パレット提案

補色

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

#64ED81#ED64CF

類似色

色相環で隣接する色

#8BED64#68ED64#64ED81#64EDA4#64EDC6

トライアド

色相環で120°間隔の3色

#64ED81#8164ED#ED8164

テトラード

色相環で90°間隔の4色

#64ED81#648BED#ED64CF#EDC664

モノクローム

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

#13A433#1FE54A#64ED81#A8F5B9#EDFDF0

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

補色の両隣の色

#64ED81#C664ED#ED648B

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

ライト → ダーク

linear-gradient(135deg, #D6FADE, #64ED81, #16BB3A)

補色グラデーション

linear-gradient(135deg, #64ED81, #ED64CF)

類似色グラデーション

linear-gradient(135deg, #8BED64, #64ED81, #64EDC6)

ラジアルグロー

radial-gradient(circle, #64ED81, #16BB3A)

サンセット風

linear-gradient(to right, #64ED81, #64EDC6, #ED64CF)

オーバーレイ

linear-gradient(180deg, #64ED81CC, #64ED8133)

CSS使用例

背景色として使用

Hello, World!
background-color: #64ED81;

テキスト色として使用

Color Text
color: #64ED81;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #64ED8166;

関連するカラー