#6AEF52

#6AEF52

イエローグリーン系

カラーコード変換

形式
HEX#6AEF52
RGBrgb(106, 239, 82)
RGBArgba(106, 239, 82, 1)
HSLhsl(111, 83%, 63%)
HSVhsv(111, 66%, 94%)
CMYKcmyk(56%, 0%, 66%, 6%)
Aa

白背景

1.49:1不適合

Aa

黒背景

14.08:1AA適合


配色パレット提案

補色

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

#6AEF52#D752EF

類似色

色相環で隣接する色

#B8EF52#91EF52#6AEF52#52EF62#52EF89

トライアド

色相環で120°間隔の3色

#6AEF52#526AEF#EF526A

テトラード

色相環で90°間隔の4色

#6AEF52#52B8EF#D752EF#EF8952

モノクローム

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

#239A0E#33E015#6AEF52#A6F598#E3FCDE

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

補色の両隣の色

#6AEF52#8952EF#EF52B8

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

ライト → ダーク

linear-gradient(135deg, #CFFAC7, #6AEF52, #29B110)

補色グラデーション

linear-gradient(135deg, #6AEF52, #D752EF)

類似色グラデーション

linear-gradient(135deg, #B8EF52, #6AEF52, #52EF89)

ラジアルグロー

radial-gradient(circle, #6AEF52, #29B110)

サンセット風

linear-gradient(to right, #6AEF52, #52EF89, #D752EF)

オーバーレイ

linear-gradient(180deg, #6AEF52CC, #6AEF5233)

CSS使用例

背景色として使用

Hello, World!
background-color: #6AEF52;

テキスト色として使用

Color Text
color: #6AEF52;

ボーダー色として使用

ボーダー要素
border: 3px solid #6AEF52;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #6AEF5266;

関連するカラー