#85491E

#85491E

ファイアブリック系

カラーコード変換

形式
HEX#85491E
RGBrgb(133, 73, 30)
RGBArgba(133, 73, 30, 1)
HSLhsl(25, 63%, 32%)
HSVhsv(25, 77%, 52%)
CMYKcmyk(0%, 45%, 77%, 48%)
Aa

白背景

7.07:1AA適合

Aa

黒背景

2.97:1不適合


配色パレット提案

補色

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

#85491E#1E5A85

類似色

色相環で隣接する色

#851E27#852F1E#85491E#85631E#857C1E

トライアド

色相環で120°間隔の3色

#85491E#1E8549#491E85

テトラード

色相環で90°間隔の4色

#85491E#27851E#1E5A85#7C1E85

モノクローム

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

#080502#472710#85491E#C36B2C#DB9461

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

補色の両隣の色

#85491E#1E857C#1E2785

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

ライト → ダーク

linear-gradient(135deg, #D6864C, #85491E, #1D1007)

補色グラデーション

linear-gradient(135deg, #85491E, #1E5A85)

類似色グラデーション

linear-gradient(135deg, #851E27, #85491E, #857C1E)

ラジアルグロー

radial-gradient(circle, #85491E, #1D1007)

サンセット風

linear-gradient(to right, #85491E, #857C1E, #1E5A85)

オーバーレイ

linear-gradient(180deg, #85491ECC, #85491E33)

CSS使用例

背景色として使用

Hello, World!
background-color: #85491E;

テキスト色として使用

Color Text
color: #85491E;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #85491E66;

関連するカラー