#A03D27

#A03D27

ファイアブリック系

カラーコード変換

形式
HEX#A03D27
RGBrgb(160, 61, 39)
RGBArgba(160, 61, 39, 1)
HSLhsl(11, 61%, 39%)
HSVhsv(11, 76%, 63%)
CMYKcmyk(0%, 62%, 76%, 37%)
Aa

白背景

6.58:1AA適合

Aa

黒背景

3.19:1AA Large


配色パレット提案

補色

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

#A03D27#278AA0

類似色

色相環で隣接する色

#A0274D#A0272F#A03D27#A05B27#A07A27

トライアド

色相環で120°間隔の3色

#A03D27#27A03D#3D27A0

テトラード

色相環で90°間隔の4色

#A03D27#4DA027#278AA0#7A27A0

モノクローム

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

#250E09#632618#A03D27#D15C42#E09180

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

補色の両隣の色

#A03D27#27A07A#274DA0

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

ライト → ダーク

linear-gradient(135deg, #DB806B, #A03D27, #39160E)

補色グラデーション

linear-gradient(135deg, #A03D27, #278AA0)

類似色グラデーション

linear-gradient(135deg, #A0274D, #A03D27, #A07A27)

ラジアルグロー

radial-gradient(circle, #A03D27, #39160E)

サンセット風

linear-gradient(to right, #A03D27, #A07A27, #278AA0)

オーバーレイ

linear-gradient(180deg, #A03D27CC, #A03D2733)

CSS使用例

背景色として使用

Hello, World!
background-color: #A03D27;

テキスト色として使用

Color Text
color: #A03D27;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー