#AE1913

#AE1913

ファイアブリック系

カラーコード変換

形式
HEX#AE1913
RGBrgb(174, 25, 19)
RGBArgba(174, 25, 19, 1)
HSLhsl(2, 80%, 38%)
HSVhsv(2, 89%, 68%)
CMYKcmyk(0%, 86%, 89%, 32%)
Aa

白背景

7.12:1AA適合

Aa

黒背景

2.95:1不適合


配色パレット提案

補色

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

#AE1913#13A9AE

類似色

色相環で隣接する色

#AE135C#AE1335#AE1913#AE3F13#AE6613

トライアド

色相環で120°間隔の3色

#AE1913#13AE19#1913AE

テトラード

色相環で90°間隔の4色

#AE1913#5CAE13#13A9AE#6613AE

モノクローム

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

#250504#6A0F0C#AE1913#E72E27#EF706C

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

補色の両隣の色

#AE1913#13AE66#135CAE

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

ライト → ダーク

linear-gradient(135deg, #EC5A55, #AE1913, #3C0807)

補色グラデーション

linear-gradient(135deg, #AE1913, #13A9AE)

類似色グラデーション

linear-gradient(135deg, #AE135C, #AE1913, #AE6613)

ラジアルグロー

radial-gradient(circle, #AE1913, #3C0807)

サンセット風

linear-gradient(to right, #AE1913, #AE6613, #13A9AE)

オーバーレイ

linear-gradient(180deg, #AE1913CC, #AE191333)

CSS使用例

背景色として使用

Hello, World!
background-color: #AE1913;

テキスト色として使用

Color Text
color: #AE1913;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー