#AD3C38

#AD3C38

ファイアブリック系

カラーコード変換

形式
HEX#AD3C38
RGBrgb(173, 60, 56)
RGBArgba(173, 60, 56, 1)
HSLhsl(2, 51%, 45%)
HSVhsv(2, 68%, 68%)
CMYKcmyk(0%, 65%, 68%, 32%)
Aa

白背景

6.03:1AA適合

Aa

黒背景

3.48:1AA Large


配色パレット提案

補色

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

#AD3C38#38A9AD

類似色

色相環で隣接する色

#AD386F#AD3852#AD3C38#AD5938#AD7738

トライアド

色相環で120°間隔の3色

#AD3C38#38AD3C#3C38AD

テトラード

色相環で90°間隔の4色

#AD3C38#6FAD38#38A9AD#7738AD

モノクローム

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

#3A1413#742825#AD3C38#CD6865#E0A19F

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

補色の両隣の色

#AD3C38#38AD77#386FAD

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

ライト → ダーク

linear-gradient(135deg, #DA8E8B, #AD3C38, #4D1B19)

補色グラデーション

linear-gradient(135deg, #AD3C38, #38A9AD)

類似色グラデーション

linear-gradient(135deg, #AD386F, #AD3C38, #AD7738)

ラジアルグロー

radial-gradient(circle, #AD3C38, #4D1B19)

サンセット風

linear-gradient(to right, #AD3C38, #AD7738, #38A9AD)

オーバーレイ

linear-gradient(180deg, #AD3C38CC, #AD3C3833)

CSS使用例

背景色として使用

Hello, World!
background-color: #AD3C38;

テキスト色として使用

Color Text
color: #AD3C38;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー