#A13630のRGB値は？

#A13630（ファイアブリック系）のRGB値は、赤(R)=161、緑(G)=54、青(B)=48です。

#A13630の補色は？

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

#A13630はどんな色？

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

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

#A13630

ファイアブリック系

カラーコード変換

形式	値
HEX	#A13630
RGB	rgb(161, 54, 48)
RGBA	rgba(161, 54, 48, 1)
HSL	hsl(3, 54%, 41%)
HSV	hsv(3, 70%, 63%)
CMYK	cmyk(0%, 66%, 70%, 37%)

白背景

6.81:1AA適合

黒背景

3.09:1AA Large

配色パレット提案

補色

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

#A13630#309BA1

類似色

色相環で隣接する色

#A13063#A13047#A13630#A15230#A16E30

トライアド

色相環で120°間隔の3色

#A13630#30A136#3630A1

テトラード

色相環で90°間隔の4色

#A13630#63A130#309BA1#6E30A1

モノクローム

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

#2B0E0D#66221E#A13630#CB5852#DD918D

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

補色の両隣の色

#A13630#30A16E#3063A1

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

ライト → ダーク

linear-gradient(135deg, #D77E79, #A13630, #3F1513)

補色グラデーション

linear-gradient(135deg, #A13630, #309BA1)

類似色グラデーション

linear-gradient(135deg, #A13063, #A13630, #A16E30)

ラジアルグロー

radial-gradient(circle, #A13630, #3F1513)

サンセット風

linear-gradient(to right, #A13630, #A16E30, #309BA1)

オーバーレイ

linear-gradient(180deg, #A13630CC, #A1363033)

CSS使用例

背景色として使用

Hello, World!

background-color: #A13630;

テキスト色として使用

Color Text

color: #A13630;

ボーダー色として使用

ボーダー要素

border: 3px solid #A13630;

シャドウとして使用

Shadow

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