#AAA431

#AAA431

イエローグリーン系

カラーコード変換

形式
HEX#AAA431
RGBrgb(170, 164, 49)
RGBArgba(170, 164, 49, 1)
HSLhsl(57, 55%, 43%)
HSVhsv(57, 71%, 67%)
CMYKcmyk(0%, 4%, 71%, 33%)
Aa

白背景

2.60:1不適合

Aa

黒背景

8.06:1AA適合


配色パレット提案

補色

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

#AAA431#3137AA

類似色

色相環で隣接する色

#AA6831#AA8631#AAA431#92AA31#74AA31

トライアド

色相環で120°間隔の3色

#AAA431#31AAA4#A431AA

テトラード

色相環で90°間隔の4色

#AAA431#31AA68#3137AA#AA3174

モノクローム

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

#33320F#6F6B20#AAA431#CFC959#E0DC94

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

補色の両隣の色

#AAA431#3174AA#6831AA

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

ライト → ダーク

linear-gradient(135deg, #DAD681, #AAA431, #474515)

補色グラデーション

linear-gradient(135deg, #AAA431, #3137AA)

類似色グラデーション

linear-gradient(135deg, #AA6831, #AAA431, #74AA31)

ラジアルグロー

radial-gradient(circle, #AAA431, #474515)

サンセット風

linear-gradient(to right, #AAA431, #74AA31, #3137AA)

オーバーレイ

linear-gradient(180deg, #AAA431CC, #AAA43133)

CSS使用例

背景色として使用

Hello, World!
background-color: #AAA431;

テキスト色として使用

Color Text
color: #AAA431;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー