#86DB61

#86DB61

イエローグリーン系

カラーコード変換

形式
HEX#86DB61
RGBrgb(134, 219, 97)
RGBArgba(134, 219, 97, 1)
HSLhsl(102, 63%, 62%)
HSVhsv(102, 56%, 86%)
CMYKcmyk(39%, 0%, 56%, 14%)
Aa

白背景

1.70:1不適合

Aa

黒背景

12.32:1AA適合


配色パレット提案

補色

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

#86DB61#B761DB

類似色

色相環で隣接する色

#C3DB61#A4DB61#86DB61#67DB61#61DB79

トライアド

色相環で120°間隔の3色

#86DB61#6186DB#DB6186

テトラード

色相環で90°間隔の4色

#86DB61#61C3DB#B761DB#DB7961

モノクローム

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

#3D851E#5AC32C#86DB61#B6E99F#E5F7DE

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

補色の両隣の色

#86DB61#7961DB#DB61C3

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

ライト → ダーク

linear-gradient(135deg, #D5F3C9, #86DB61, #479A23)

補色グラデーション

linear-gradient(135deg, #86DB61, #B761DB)

類似色グラデーション

linear-gradient(135deg, #C3DB61, #86DB61, #61DB79)

ラジアルグロー

radial-gradient(circle, #86DB61, #479A23)

サンセット風

linear-gradient(to right, #86DB61, #61DB79, #B761DB)

オーバーレイ

linear-gradient(180deg, #86DB61CC, #86DB6133)

CSS使用例

背景色として使用

Hello, World!
background-color: #86DB61;

テキスト色として使用

Color Text
color: #86DB61;

ボーダー色として使用

ボーダー要素
border: 3px solid #86DB61;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #86DB6166;

関連するカラー