#AEDB61

#AEDB61

ダークカーキ系

カラーコード変換

形式
HEX#AEDB61
RGBrgb(174, 219, 97)
RGBArgba(174, 219, 97, 1)
HSLhsl(82, 63%, 62%)
HSVhsv(82, 56%, 86%)
CMYKcmyk(21%, 0%, 56%, 14%)
Aa

白背景

1.60:1不適合

Aa

黒背景

13.10:1AA適合


配色パレット提案

補色

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

#AEDB61#8E61DB

類似色

色相環で隣接する色

#DBCB61#CDDB61#AEDB61#90DB61#71DB61

トライアド

色相環で120°間隔の3色

#AEDB61#61AEDB#DB61AE

テトラード

色相環で90°間隔の4色

#AEDB61#61DBCB#8E61DB#DB6171

モノクローム

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

#5F851E#8CC32C#AEDB61#CEE99F#EEF7DE

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

補色の両隣の色

#AEDB61#6171DB#CB61DB

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

ライト → ダーク

linear-gradient(135deg, #E3F3C9, #AEDB61, #6E9A23)

補色グラデーション

linear-gradient(135deg, #AEDB61, #8E61DB)

類似色グラデーション

linear-gradient(135deg, #DBCB61, #AEDB61, #71DB61)

ラジアルグロー

radial-gradient(circle, #AEDB61, #6E9A23)

サンセット風

linear-gradient(to right, #AEDB61, #71DB61, #8E61DB)

オーバーレイ

linear-gradient(180deg, #AEDB61CC, #AEDB6133)

CSS使用例

背景色として使用

Hello, World!
background-color: #AEDB61;

テキスト色として使用

Color Text
color: #AEDB61;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー