#8D2720

#8D2720

ファイアブリック系

カラーコード変換

形式
HEX#8D2720
RGBrgb(141, 39, 32)
RGBArgba(141, 39, 32, 1)
HSLhsl(4, 63%, 34%)
HSVhsv(4, 77%, 55%)
CMYKcmyk(0%, 72%, 77%, 45%)
Aa

白背景

8.59:1AA適合

Aa

黒背景

2.44:1不適合


配色パレット提案

補色

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

#8D2720#20868D

類似色

色相環で隣接する色

#8D204F#8D2034#8D2720#8D4320#8D5E20

トライアド

色相環で120°間隔の3色

#8D2720#208D27#27208D

テトラード

色相環で90°間隔の4色

#8D2720#4F8D20#20868D#5E208D

モノクローム

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

#110504#4F1612#8D2720#CC392E#DD7169

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

補色の両隣の色

#8D2720#208D5E#204F8D

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

ライト → ダーク

linear-gradient(135deg, #D85D55, #8D2720, #250A08)

補色グラデーション

linear-gradient(135deg, #8D2720, #20868D)

類似色グラデーション

linear-gradient(135deg, #8D204F, #8D2720, #8D5E20)

ラジアルグロー

radial-gradient(circle, #8D2720, #250A08)

サンセット風

linear-gradient(to right, #8D2720, #8D5E20, #20868D)

オーバーレイ

linear-gradient(180deg, #8D2720CC, #8D272033)

CSS使用例

背景色として使用

Hello, World!
background-color: #8D2720;

テキスト色として使用

Color Text
color: #8D2720;

ボーダー色として使用

ボーダー要素
border: 3px solid #8D2720;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #8D272066;

関連するカラー