#ABD331のRGB値は？

#ABD331（イエローグリーン系）のRGB値は、赤(R)=171、緑(G)=211、青(B)=49です。

#ABD331の補色は？

#ABD331（イエローグリーン系）の補色は、色相環で180度反対に位置する色です。詳細はこのページの配色パレットセクションをご確認ください。

#ABD331はどんな色？

#ABD331はイエローグリーン系に分類される色です。Webデザインやグラフィックデザインで広く使用されています。

#ABD331のカラーコード情報｜RGB, CMYK変換とおすすめ配色パレット

#ABD331

イエローグリーン系

カラーコード変換

形式	値
HEX	#ABD331
RGB	rgb(171, 211, 49)
RGBA	rgba(171, 211, 49, 1)
HSL	hsl(75, 65%, 51%)
HSV	hsv(75, 77%, 83%)
CMYK	cmyk(19%, 0%, 77%, 17%)

白背景

1.74:1不適合

黒背景

12.09:1AA適合

配色パレット提案

補色

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

#ABD331#5931D3

類似色

色相環で隣接する色

#D3AB31#D3D331#ABD331#82D331#59D331

トライアド

色相環で120°間隔の3色

#ABD331#31ABD3#D331AB

テトラード

色相環で90°間隔の4色

#ABD331#31D3AB#5931D3#D33159

モノクローム

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

#475813#7A9720#ABD331#C4E170#DEEEAF

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

補色の両隣の色

#ABD331#3159D3#AB31D3

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

ライト → ダーク

linear-gradient(135deg, #D6EA9A, #ABD331, #586D17)

補色グラデーション

linear-gradient(135deg, #ABD331, #5931D3)

類似色グラデーション

linear-gradient(135deg, #D3AB31, #ABD331, #59D331)

ラジアルグロー

radial-gradient(circle, #ABD331, #586D17)

サンセット風

linear-gradient(to right, #ABD331, #59D331, #5931D3)

オーバーレイ

linear-gradient(180deg, #ABD331CC, #ABD33133)

CSS使用例

背景色として使用

Hello, World!

background-color: #ABD331;

テキスト色として使用

Color Text

color: #ABD331;

ボーダー色として使用

ボーダー要素

border: 3px solid #ABD331;

シャドウとして使用

Shadow

box-shadow: 0 8px 32px #ABD33166;