#8CF66F

#8CF66F

グリーンイエロー系

カラーコード変換

形式
HEX#8CF66F
RGBrgb(140, 246, 111)
RGBArgba(140, 246, 111, 1)
HSLhsl(107, 88%, 70%)
HSVhsv(107, 55%, 96%)
CMYKcmyk(43%, 0%, 55%, 4%)
Aa

白背景

1.35:1不適合

Aa

黒背景

15.53:1AA適合


配色パレット提案

補色

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

#8CF66F#D96FF6

類似色

色相環で隣接する色

#D0F66F#AEF66F#8CF66F#6FF674#6FF695

トライアド

色相環で120°間隔の3色

#8CF66F#6F8CF6#F66F8C

テトラード

色相環で90°間隔の4色

#8CF66F#6FD0F6#D96FF6#F6956F

モノクローム

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

#33C00C#53F127#8CF66F#C6FAB7#FFFFFF

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

補色の両隣の色

#8CF66F#956FF6#F66FD0

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

ライト → ダーク

linear-gradient(135deg, #ECFDE7, #8CF66F, #3AD80E)

補色グラデーション

linear-gradient(135deg, #8CF66F, #D96FF6)

類似色グラデーション

linear-gradient(135deg, #D0F66F, #8CF66F, #6FF695)

ラジアルグロー

radial-gradient(circle, #8CF66F, #3AD80E)

サンセット風

linear-gradient(to right, #8CF66F, #6FF695, #D96FF6)

オーバーレイ

linear-gradient(180deg, #8CF66FCC, #8CF66F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #8CF66F;

テキスト色として使用

Color Text
color: #8CF66F;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #8CF66F66;

関連するカラー