#80E868

#80E868

イエローグリーン系

カラーコード変換

形式
HEX#80E868
RGBrgb(128, 232, 104)
RGBArgba(128, 232, 104, 1)
HSLhsl(109, 74%, 66%)
HSVhsv(109, 55%, 91%)
CMYKcmyk(45%, 0%, 55%, 9%)
Aa

白背景

1.54:1不適合

Aa

黒背景

13.66:1AA適合


配色パレット提案

補色

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

#80E868#D168E8

類似色

色相環で隣接する色

#C0E868#A0E868#80E868#68E871#68E891

トライアド

色相環で120°間隔の3色

#80E868#6880E8#E86880

テトラード

色相環で90°間隔の4色

#80E868#68C0E8#D168E8#E89168

モノクローム

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

#31A018#47DF26#80E868#B8F2AB#F0FCED

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

補色の両隣の色

#80E868#9168E8#E868C0

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

ライト → ダーク

linear-gradient(135deg, #DDF9D7, #80E868, #38B61B)

補色グラデーション

linear-gradient(135deg, #80E868, #D168E8)

類似色グラデーション

linear-gradient(135deg, #C0E868, #80E868, #68E891)

ラジアルグロー

radial-gradient(circle, #80E868, #38B61B)

サンセット風

linear-gradient(to right, #80E868, #68E891, #D168E8)

オーバーレイ

linear-gradient(180deg, #80E868CC, #80E86833)

CSS使用例

背景色として使用

Hello, World!
background-color: #80E868;

テキスト色として使用

Color Text
color: #80E868;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #80E86866;

関連するカラー