#AA3409のRGB値は？

#AA3409（ファイアブリック系）のRGB値は、赤(R)=170、緑(G)=52、青(B)=9です。

#AA3409の補色は？

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

#AA3409はどんな色？

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

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

#AA3409

ファイアブリック系

カラーコード変換

形式	値
HEX	#AA3409
RGB	rgb(170, 52, 9)
RGBA	rgba(170, 52, 9, 1)
HSL	hsl(16, 90%, 35%)
HSV	hsv(16, 95%, 67%)
CMYK	cmyk(0%, 69%, 95%, 33%)

白背景

6.55:1AA適合

黒背景

3.20:1AA Large

配色パレット提案

補色

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

#AA3409#097FAA

類似色

色相環で隣接する色

#AA092E#AA0C09#AA3409#AA5C09#AA8409

トライアド

色相環で120°間隔の3色

#AA3409#09AA34#3409AA

テトラード

色相環で90°間隔の4色

#AA3409#2EAA09#097FAA#8409AA

モノクローム

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

#180701#611E05#AA3409#F24A0D#F68055

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

補色の両隣の色

#AA3409#09AA84#092EAA

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

ライト → ダーク

linear-gradient(135deg, #F56E3D, #AA3409, #300F03)

補色グラデーション

linear-gradient(135deg, #AA3409, #097FAA)

類似色グラデーション

linear-gradient(135deg, #AA092E, #AA3409, #AA8409)

ラジアルグロー

radial-gradient(circle, #AA3409, #300F03)

サンセット風

linear-gradient(to right, #AA3409, #AA8409, #097FAA)

オーバーレイ

linear-gradient(180deg, #AA3409CC, #AA340933)

CSS使用例

背景色として使用

Hello, World!

background-color: #AA3409;

テキスト色として使用

Color Text

color: #AA3409;

ボーダー色として使用

ボーダー要素

border: 3px solid #AA3409;

シャドウとして使用

Shadow

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