#AFDD69のRGB値は？

#AFDD69（ダークカーキ系）のRGB値は、赤(R)=175、緑(G)=221、青(B)=105です。

#AFDD69の補色は？

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

#AFDD69はどんな色？

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

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

#AFDD69

ダークカーキ系

カラーコード変換

形式	値
HEX	#AFDD69
RGB	rgb(175, 221, 105)
RGBA	rgba(175, 221, 105, 1)
HSL	hsl(84, 63%, 64%)
HSV	hsv(84, 52%, 87%)
CMYK	cmyk(21%, 0%, 52%, 13%)

白背景

1.57:1不適合

黒背景

13.37:1AA適合

配色パレット提案

補色

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

#AFDD69#9869DD

類似色

色相環で隣接する色

#DDD169#CCDD69#AFDD69#92DD69#75DD69

トライアド

色相環で120°間隔の3色

#AFDD69#69AFDD#DD69AF

テトラード

色相環で90°間隔の4色

#AFDD69#69DDD1#9869DD#DD6975

モノクローム

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

#628D20#8DCC2E#AFDD69#D0EBA8#F2F9E6

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

補色の両隣の色

#AFDD69#6975DD#D169DD

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

ライト → ダーク

linear-gradient(135deg, #E6F5D1, #AFDD69, #70A225)

補色グラデーション

linear-gradient(135deg, #AFDD69, #9869DD)

類似色グラデーション

linear-gradient(135deg, #DDD169, #AFDD69, #75DD69)

ラジアルグロー

radial-gradient(circle, #AFDD69, #70A225)

サンセット風

linear-gradient(to right, #AFDD69, #75DD69, #9869DD)

オーバーレイ

linear-gradient(180deg, #AFDD69CC, #AFDD6933)

CSS使用例

背景色として使用

Hello, World!

background-color: #AFDD69;

テキスト色として使用

Color Text

color: #AFDD69;

ボーダー色として使用

ボーダー要素

border: 3px solid #AFDD69;

シャドウとして使用

Shadow

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