#BD3228のRGB値は？

#BD3228（ファイアブリック系）のRGB値は、赤(R)=189、緑(G)=50、青(B)=40です。

#BD3228の補色は？

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

#BD3228はどんな色？

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

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

#BD3228

ファイアブリック系

カラーコード変換

形式	値
HEX	#BD3228
RGB	rgb(189, 50, 40)
RGBA	rgba(189, 50, 40, 1)
HSL	hsl(4, 65%, 45%)
HSV	hsv(4, 79%, 74%)
CMYK	cmyk(0%, 74%, 79%, 26%)

白背景

5.75:1AA適合

黒背景

3.65:1AA Large

配色パレット提案

補色

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

#BD3228#28B3BD

類似色

色相環で隣接する色

#BD2869#BD2844#BD3228#BD5728#BD7D28

トライアド

色相環で120°間隔の3色

#BD3228#28BD32#3228BD

テトラード

色相環で90°間隔の4色

#BD3228#69BD28#28B3BD#7D28BD

モノクローム

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

#3F110D#7E211B#BD3228#DB6057#E99B96

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

補色の両隣の色

#BD3228#28BD7D#2869BD

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

ライト → ダーク

linear-gradient(135deg, #E48781, #BD3228, #541612)

補色グラデーション

linear-gradient(135deg, #BD3228, #28B3BD)

類似色グラデーション

linear-gradient(135deg, #BD2869, #BD3228, #BD7D28)

ラジアルグロー

radial-gradient(circle, #BD3228, #541612)

サンセット風

linear-gradient(to right, #BD3228, #BD7D28, #28B3BD)

オーバーレイ

linear-gradient(180deg, #BD3228CC, #BD322833)

CSS使用例

背景色として使用

Hello, World!

background-color: #BD3228;

テキスト色として使用

Color Text

color: #BD3228;

ボーダー色として使用

ボーダー要素

border: 3px solid #BD3228;

シャドウとして使用

Shadow

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